Browse Source

HUE-6077 [frontend] Restyled Hue 3 top menu hovers

Enrico Berti 8 years ago
parent
commit
4456c29

+ 9 - 0
desktop/core/src/desktop/static/desktop/css/hue3.css

@@ -518,6 +518,15 @@ a#advanced-btn:hover {
   padding-right: 8px;
 }
 
+.navigator .dropdown-menu > li > a:hover > .fa {
+  color: #FFFFFF;
+}
+
+.navigator .dropdown-menu > li > a:hover > img {
+  -webkit-filter: brightness(100);
+  filter: brightness(100);
+}
+
 .navigator .dropdown-menu > li > a {
   padding-left: 5px;
   padding-right: 30px;

+ 1 - 1
desktop/core/src/desktop/templates/common_header.mako

@@ -369,7 +369,7 @@ ${ hueIcons.symbols() }
                % for notebook in notebooks:
                  <li>
                    <a href="${ url('notebook:notebook') }?notebook=${ notebook['id'] }">
-                     <i class="fa fa-file-text-o" style="vertical-align: middle"></i> ${ notebook['name'] |n }
+                     <i class="fa fa-fw fa-file-text-o" style="vertical-align: middle"></i> ${ notebook['name'] |n }
                    </a>
                  </li>
                % endfor