You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@ambari.apache.org by nc...@apache.org on 2017/04/12 13:48:48 UTC

[03/35] ambari git commit: AMBARI-20699. Side Nav: improve views dropdown menu.(xiwang)

AMBARI-20699. Side Nav: improve views dropdown menu.(xiwang)


Project: http://git-wip-us.apache.org/repos/asf/ambari/repo
Commit: http://git-wip-us.apache.org/repos/asf/ambari/commit/97812020
Tree: http://git-wip-us.apache.org/repos/asf/ambari/tree/97812020
Diff: http://git-wip-us.apache.org/repos/asf/ambari/diff/97812020

Branch: refs/heads/branch-feature-AMBARI-12556
Commit: 97812020b8a116694bff56e724a496bb9faf5bcf
Parents: bb614a0
Author: Xi Wang <xi...@apache.org>
Authored: Thu Apr 6 19:31:53 2017 -0700
Committer: Xi Wang <xi...@apache.org>
Committed: Thu Apr 6 19:32:00 2017 -0700

----------------------------------------------------------------------
 .../app/styles/theme/bootstrap-ambari.css       | 36 ++++++++------------
 1 file changed, 15 insertions(+), 21 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/ambari/blob/97812020/ambari-web/app/styles/theme/bootstrap-ambari.css
----------------------------------------------------------------------
diff --git a/ambari-web/app/styles/theme/bootstrap-ambari.css b/ambari-web/app/styles/theme/bootstrap-ambari.css
index b063fcf..b2f5ca4 100644
--- a/ambari-web/app/styles/theme/bootstrap-ambari.css
+++ b/ambari-web/app/styles/theme/bootstrap-ambari.css
@@ -766,9 +766,16 @@ input.radio:checked + label:after {
 .navigation-bar-container ul.nav.side-nav-header li.navigation-header > a.ambari-logo > img {
   height: 25px;
   float: left;
-  margin-top: -2px;
   margin-left: -3px;
 }
+.navigation-bar-container ul.nav.side-nav-header li.navigation-header .btn-group {
+  cursor: pointer;
+  margin-top: 3px;
+}
+.navigation-bar-container ul.nav.side-nav-header li.navigation-header .btn-group:hover span.ambari-header,
+.navigation-bar-container ul.nav.side-nav-header li.navigation-header .btn-group:hover span.toggle-icon {
+  color: #fff;
+}
 .navigation-bar-container ul.nav.side-nav-header li.navigation-header .btn-group span.ambari-header {
   font-family: 'Roboto', sans-serif;
   font-weight: normal;
@@ -777,15 +784,13 @@ input.radio:checked + label:after {
   color: #333;
   font-size: 20px;
   width: 55px;
-  cursor: pointer;
   display: inline;
-  color: #fff;
+  color: #b8bec4;
   padding: 0 8px 0 10px;
 }
 .navigation-bar-container ul.nav.side-nav-header li.navigation-header .btn-group span.toggle-icon {
   margin-bottom: 5px;
   font-size: 13px;
-  cursor: pointer;
   display: inline-block;
   vertical-align: middle;
   color: #b8bec4;
@@ -795,17 +800,7 @@ input.radio:checked + label:after {
   box-shadow: none;
 }
 .navigation-bar-container ul.nav.side-nav-header li.navigation-header ul.dropdown-menu {
-  min-width: 190px;
-  max-width: 190px;
-  width: 190px;
-  right: -43px;
-  left: auto;
   top: 30px;
-  background: #323543;
-  border: none;
-}
-.navigation-bar-container ul.nav.side-nav-header li.navigation-header ul.dropdown-menu li {
-  border: none;
 }
 .navigation-bar-container ul.nav.side-nav-header li.navigation-header ul.dropdown-menu li > a {
   font-family: 'Roboto', sans-serif;
@@ -813,17 +808,15 @@ input.radio:checked + label:after {
   font-style: normal;
   line-height: 1;
   color: #333;
-  font-size: 13px;
-  color: #999;
-  padding: 15px 10px;
-  height: auto;
+  font-size: 14px;
+  color: #666;
+  line-height: 1.42;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
 .navigation-bar-container ul.nav.side-nav-header li.navigation-header ul.dropdown-menu li > a:hover {
-  background: #404351;
-  color: #fff;
+  background: #f5f5f5;
 }
 .navigation-bar-container ul.nav.side-nav-menu,
 .navigation-bar-container ul.nav.side-nav-footer {
@@ -1139,6 +1132,7 @@ input.radio:checked + label:after {
   position: fixed;
   top: 0;
   bottom: 0;
+  left: 0;
   z-index: 2079;
 }
 .navigation-bar-fit-height .side-nav-header {
@@ -1470,4 +1464,4 @@ a.disabled:hover,
 a:visited.disabled:hover,
 a:focus.disabled:hover {
   text-decoration: none;
-}
+}
\ No newline at end of file