Repository: ambari Updated Branches: refs/heads/trunk bb614a0ff -> 97812020b
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/trunk Commit: 97812020b8a116694bff56e724a496bb9faf5bcf Parents: bb614a0 Author: Xi Wang <xiw...@apache.org> Authored: Thu Apr 6 19:31:53 2017 -0700 Committer: Xi Wang <xiw...@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
