doortts doortts 2014-05-20
issue-label: suble ui change for more flat
  - reduce border line
  - reduce rounded square box
  - change mouse hover style for issue label search
@a54651dfd709b01df1dcc4b134e9627ca949933f
app/assets/stylesheets/less/_override.less
--- app/assets/stylesheets/less/_override.less
+++ app/assets/stylesheets/less/_override.less
@@ -280,3 +280,7 @@
     margin-top: 0;
     padding-top: 0;
 }
+
+.label {
+  border-radius: 1px;
+}
app/assets/stylesheets/less/_page.less
--- app/assets/stylesheets/less/_page.less
+++ app/assets/stylesheets/less/_page.less
@@ -459,10 +459,6 @@
     width: 1170px;
     margin:20px auto 0;
 
-    label {
-        display: inline-block;
-    }
-
     h4 {
         padding:10px 0;
         line-height: 30px;
@@ -3189,7 +3185,6 @@
 .issue-form-labels {
     .controls {
         margin:0;
-        line-height:30px;
 
         .labelInput {
             width:90%;
app/assets/stylesheets/less/_yobiUI.less
--- app/assets/stylesheets/less/_yobiUI.less
+++ app/assets/stylesheets/less/_yobiUI.less
@@ -257,6 +257,13 @@
     &.large  { padding: 9px 30px; font-size:15px; }
 }
 button.nbtn {
+    &.square {
+      padding: 1px 12px;
+      height: 24px;
+      line-height: 1;
+      margin-top: 4px;
+      margin-right: 4px;
+    }
     &.small  { padding:1px 10px; height:24px; line-height:1; }
     &.medium { padding:4px 20px; height:30px; line-height:1; }
     &.large  { padding:8px 30px; height:36px; line-height:1; font-size:15px; }
@@ -293,10 +300,8 @@
 
 /** issue label **/
 .issue-label {
-    background:#f7f7f7;
-    border:1px solid rgba(0,0,0,0.1);/*none;*/
-    padding:2px 6px 2px 7px; margin-right:5px;
-    font-size:11px; font-weight:bold;
+    background:#f9f9f9;
+    font-size:11px;
     text-shadow:none;
     -webkit-transition-duration:0.25s;
     cursor: pointer;
@@ -312,12 +317,12 @@
     /*&.editable .delete { display:inline; }*/
 
     &.list-label {
-        padding:0 2px;
+        padding:2px 3px;
         font-weight:normal;
     }
 
     &.active {
-        .border-radius(2px);
+        .border-radius(1px);
         &.active-white   { color:#fff; }
         &.active-dimgray { color:#696969; }
     }
@@ -330,8 +335,14 @@
 }
 span.issue-label {
     display: inline-block;
-    overflow: hidden; vertical-align: middle;
+    overflow: hidden;
     line-height: 20px;
+    margin-right: 5px;
+    padding: 2px 6px;
+    &:hover {
+      background: #DFDFDF;
+      .opacity(100);
+    }
 }
 
 .dropdown-menu .issue-label:hover { .opacity(100); }
@@ -1313,3 +1324,10 @@
         right:5px;
     }
 }
+
+.control-label{
+    font-weight: bold;
+    display: block;
+    padding: 4px 4px 0px 4px;
+    color: 666;
+}
public/javascripts/common/yobi.Label.js
--- public/javascripts/common/yobi.Label.js
+++ public/javascripts/common/yobi.Label.js
@@ -292,7 +292,7 @@
         var sActiveCSSTarget = '.issue-label.active[data-labelId="' + oLabel.id + '"]';
 
         var aDefaultCss = [];
-        var sDefaultCssSkel = 'box-shadow: inset 3px 0 0px ' + oLabel.color;
+        var sDefaultCssSkel = 'box-shadow: inset 2px 0 0px ' + oLabel.color;
         ["", "-moz-", "-webkit"].forEach(function(sPrefix){
             aDefaultCss.push(sPrefix + sDefaultCssSkel);
         });
public/javascripts/common/yobi.LabelEditor.js
--- public/javascripts/common/yobi.LabelEditor.js
+++ public/javascripts/common/yobi.LabelEditor.js
@@ -54,7 +54,7 @@
 
         htVar.aColors = htOptions.aColors || ['#da5454','#f86ca0','#ff9e9d','#ffcc33','#f8c86c','#ff9933','#99ca3c','#3fb8af','#22b4b9','#6ca6f8','#4d68b1','#9966cc'];
         htVar.sTplEditor = htOptions.sTplEditor || $("#tplYobiLabelEditor").text();
-        htVar.sTplBtnColor = htOptions.sTplBtnColor || '<button type="button" class="issue-label issueColor nbtn small" style="background-color:${color}">';
+        htVar.sTplBtnColor = htOptions.sTplBtnColor || '<button type="button" class="issue-label issueColor nbtn square" style="background-color:${color}">';
     }
 
     /**
Add a comment
List