Jihan Kim 2013-05-03
apply HIVE UI CSS, override default font-size of bootstrap
@1fea9896b6c706e32111dc3c305c57da356cd5a5
app/assets/stylesheets/less/_hiveUI.less
--- app/assets/stylesheets/less/_hiveUI.less
+++ app/assets/stylesheets/less/_hiveUI.less
@@ -1,3 +1,20 @@
+/** 
+ * bootstrap 2.2.1 기준 글자 크기로 조정 
+ * bootstrap 2.3.1 기본 글자 크기는 14px 
+ */
+body { font-size:12px; }
+label, input, button, select, textarea { font-size:12px; }
+select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"],
+input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"],
+input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"],
+.uneditable-input { font-size:12px; }
+.btn-group > .btn,
+.btn-group > .dropdown-menu,
+.btn-group > .popover {
+  font-size: 12px;
+}
+
+/** HIVE UI 시작 **/ 
 form { margin:0 0 2px; }
 textarea, input[type="text"], input[type="password"], input[type="datetime"],
 input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"],
@@ -88,6 +105,7 @@
     }
 }
 a.nbtn, div.nbtn, span.nbtn, p.nbtn {
+    vertical-align:middle;
     &.small  { padding: 3px 10px; }
     &.medium { padding: 6px 20px; }
     &.large  { padding: 9px 30px; font-size:15px; }
@@ -136,6 +154,20 @@
 }
 
 /** input **/
+/* 검색버튼 스타일 */
+.btn-search {
+    width  : 88px;
+    margin : 5px 0 0;
+    padding: 4px 0;
+    border : 1px solid #a9a9a9;
+    color  : @black;
+    text-align : center;
+    font-weight: bold;
+    font-size  : 11px;
+    .border-radius(0 2px 2px 0);
+
+    &:hover { color:@link-hover-color; }    
+}
 /** 화면 중앙의 프로젝트 내 검색 폼 **/
 .form-search {
     .text {
@@ -150,17 +182,7 @@
     }
 
     .btn {
-        width  : 88px;
-        margin : 5px 0 0;
-        padding: 4px 0;
-        border : 1px solid #a9a9a9;
-        color  : @black;
-        text-align : center;
-        font-weight: bold;
-        font-size  : 11px;
-        .border-radius(0 2px 2px 0);
-
-        &:hover { color:@link-hover-color; }
+        .btn-search;
     }
 }
 
app/assets/stylesheets/less/_mixins.less
--- app/assets/stylesheets/less/_mixins.less
+++ app/assets/stylesheets/less/_mixins.less
@@ -154,4 +154,4 @@
     font-family: "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "Helvetica";
     font-weight:200;
     font-stretch:normal;
-}
(No newline at end of file)
+}
app/views/hiveUI.scala.html
--- app/views/hiveUI.scala.html
+++ app/views/hiveUI.scala.html
@@ -1,24 +1,25 @@
+@import utils.TemplateHelper._
 <!DOCTYPE html>
 <html lang="ko">
 <head>
-	<meta charset="utf-8">
-	<title>HIVE UI</title>
-	<meta name="viewport" content="width=device-width, initial-scale=1.0">
-	<link rel="shortcut icon" type="image/png" href="/assets/images/favicon.ico">
-	<link rel="stylesheet" type="text/css" media="screen" href="/assets/stylesheets/bootstrap.min.css">
-	<link rel="stylesheet" type="text/css" media="screen" href="/assets/stylesheets/nforge.css">
-	<script type="text/javascript" src="/assets/javascripts/lib/jquery/jquery-1.9.0.js"></script>
-	<script type="text/javascript" src="/assets/javascripts/common/hive.Common.js"></script>
-	<script type="text/javascript" src="/assets/javascripts/lib/bootstrap.js"></script>
-	<style type="text/css">
-		body { color:#ccc; }
-		dl { display:inline-block; margin:18px; }
-		dd { margin-left:0; }
-		.gnb-logo { display:inline-block !important; }
-		.gnb-outer { text-align:center; }
-		.subtitle { font-size:24px; font-weight:bold; height:55px; line-height:55px; vertical-align:bottom; }
-		.css { display:none;font-family: Consolas; color: #222; background: #C9EBB5; padding: 3px; border-radius: 3px; border: 1px solid #4CB848; }
-	</style>
+<meta charset="utf-8">
+<title>HIVE UI</title>
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<link rel="shortcut icon" type="image/png" href="@routes.Assets.at("images/favicon.ico")">
+<link rel="stylesheet" type="text/css" media="screen" href="@getCSSLink("bootstrap")">
+<link rel="stylesheet" type="text/css" media="screen" href="@getCSSLink("nforge")">
+<script type="text/javascript" src="@getJSLink("lib/jquery/jquery-1.9.0")"></script>
+<script type="text/javascript" src="@getJSLink("lib/bootstrap")"></script>
+<script type="text/javascript" src="@getJSLink("common/hive.Common")"></script>
+<style type="text/css">
+body { color:#ccc; }
+dl { display:inline-block; margin:18px; }
+dd { margin-left:0; }
+.gnb-logo { display:inline-block !important; }
+.gnb-outer { text-align:center; }
+.subtitle { font-size:24px; font-weight:bold; height:55px; line-height:55px; vertical-align:bottom; }
+.css { display:none;font-family: Consolas; color: #222; background: #C9EBB5; padding: 3px; border-radius: 3px; border: 1px solid #4CB848; }
+</style>
 </head>
 <body>
 
app/views/milestone/list.scala.html
--- app/views/milestone/list.scala.html
+++ app/views/milestone/list.scala.html
@@ -126,4 +126,4 @@
     </ul>
     
     }
-}
(No newline at end of file)
+}
app/views/project/setting.scala.html
--- app/views/project/setting.scala.html
+++ app/views/project/setting.scala.html
@@ -58,6 +58,16 @@
                 </dd>
             </dl>
         </div>
+        <div class="box-wrap middle">
+            <div class="cu-label" style="line-height:30px;">@Messages("project.tags")</div>
+            <div class="cu-desc">
+                <div id="tags">
+                    <!-- tags will be added here by hive.project.Settings.js -->
+                </div>
+                <input name="newTag" type="text" class="text" style="margin-bottom:0px" data-provider="typeahead" autocomplete="off"/>
+                <button id="addTag" type="button" class="nbtn medium">@Messages("button.add")</button>
+            </div>
+        </div>
         
         <div class="box-wrap middle">
             <div class="cu-label">@Messages("project.shareOption")</div>
Add a comment
List