Jihan Kim 2013-05-07
fix userinfo dropdown style of topmenu
@c39d82c4948d5472ec46a8bfb22fc4d27e4cd20d
app/assets/stylesheets/less/_hiveUI.less
--- app/assets/stylesheets/less/_hiveUI.less
+++ app/assets/stylesheets/less/_hiveUI.less
@@ -57,12 +57,15 @@
     margin-bottom:1px;
 }
 .dropdown-menu li>a:hover,.dropdown-menu li>a:focus,.dropdown-submenu:hover>a {
+    color:#fff;
     background:@darkgray !important;
+    filter:none; /* for IE */
     /*.linear-gradient(@darkgray, darken(@darkgray, 10%));*/
 }
 .dropdown-menu .active > a, .dropdown-menu .active > a:hover {
     color:#fff;
     background:@darkgray !important;
+    filter:none; /* for IE */
     /*.linear-gradient(@darkgray, darken(@darkgray, 10%));*/    
 }
 .dropdown-menu .disabled span {
app/assets/stylesheets/less/_page.less
--- app/assets/stylesheets/less/_page.less
+++ app/assets/stylesheets/less/_page.less
@@ -99,6 +99,7 @@
                             .d-label { 
                                 width:70px;
                                 span.text { margin-left:5px; }
+                                .avatar-wrap img { vertical-align: top; }
                             }
                             .d-caret {
                                 padding:5px 9px;
@@ -194,7 +195,18 @@
                 
                 &.right {
                     margin-top:9px;
-                    .dropdown-toggle { background:#fff !important; }
+                    .dropdown-toggle { 
+                        /*background:#fff !important;*/
+                       color:#fff;
+                       border-bottom-color:inherit;
+                       
+                       .d-label {
+                           text-shadow:0 1px 1px rgba(0, 0, 0, 0.75);
+                       }
+                       .d-caret {
+                           border-left:1px solid #787878;
+                       }
+                    }
                     .sp-line { 
                         color:#626262 !important; 
                         opacity:1 !important; 
@@ -1794,25 +1806,38 @@
 .project-home {
     padding: 10px;
     font-size: 0;
+    
     .inner {
-        font-size: 12px;
-        .inline-block;
-        vertical-align: top;
-        .box-shadow(0 1px 0 rgba(0, 0, 0, .25));
-        background-color: @white;
-        .border-radius(10px);
-        margin-right: 10px;
         height: 188px;
+        background-color: @white;
+        margin-right: 10px;
+        font-size: 12px;
         overflow: hidden;
+        vertical-align: top;
+        
+        .inline-block;
+        .box-shadow(0 1px 0 rgba(0, 0, 0, .25));
+        .border-radius(10px);
+        
         &.member-info {
             width: 230px;
             margin-right: 0;
         }
+        
         &.logo {
-            padding: 10px 13px;
             width: 234px;
-            height: 168px;
+            height: 168px; 
+            padding: 10px 13px;
+            line-height:168px; 
+            text-align:center;
+            
+            .logo-wrap {
+                .inline-block;
+                /*width:230px; 
+                height:160px;*/
+            }
         }
+        
         &.project-info {
             width: 350px;
             .infos {
@@ -1833,14 +1858,16 @@
                 }
             }
         }
+        
         .member-wrap {
             height: 130px;
             overflow-y: auto;
         }
+        
         .project-members {
             list-style: none;
-            margin: 0;
-            padding: 10px;
+            margin: 0; padding: 10px;
+            
             .member {
                 padding: 5px 10px;
                 border-bottom: 1px solid @gray-d4;
@@ -1866,6 +1893,7 @@
                }
             }
         }
+        
         header {
             background-color: #F8F8F8;
             padding: 10px 15px; /*10px 20px;*/
@@ -1879,16 +1907,9 @@
             .project-status {
                 float: right;
                 line-height: 19px;
-                .ico-like {
-                    vertical-align: bottom;
-                }
-                .num {
-                    color: #4489A4;
-                }
-                .sp {
-                    color: #CCC;
-                    margin: 0 7px;
-                }
+                .ico-like { vertical-align: bottom; }
+                .num { color: #4489A4; }
+                .sp { color: #ccc; margin: 0 7px; }
             }
         }
     }
Add a comment
List