Repository: ambari Updated Branches: refs/heads/trunk db2013a47 -> 56dc09ef7
AMBARI-18843. Add vertical tabs (onechiporenko) Project: http://git-wip-us.apache.org/repos/asf/ambari/repo Commit: http://git-wip-us.apache.org/repos/asf/ambari/commit/56dc09ef Tree: http://git-wip-us.apache.org/repos/asf/ambari/tree/56dc09ef Diff: http://git-wip-us.apache.org/repos/asf/ambari/diff/56dc09ef Branch: refs/heads/trunk Commit: 56dc09ef789fff0ad32fe2a68224680518d73a94 Parents: db2013a Author: Oleg Nechiporenko <[email protected]> Authored: Thu Nov 10 12:46:53 2016 +0200 Committer: Oleg Nechiporenko <[email protected]> Committed: Thu Nov 10 12:47:05 2016 +0200 ---------------------------------------------------------------------- .../app/styles/theme/bootstrap-ambari.css | 81 ++++++++++++++------ 1 file changed, 58 insertions(+), 23 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/ambari/blob/56dc09ef/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 1a93cbb..627dd08 100644 --- a/ambari-web/app/styles/theme/bootstrap-ambari.css +++ b/ambari-web/app/styles/theme/bootstrap-ambari.css @@ -431,6 +431,64 @@ h2.table-title { background-color: transparent; color: #1491C1; } +.nav.nav-tabs { + border: none; + margin-bottom: 20px; +} +.nav.nav-tabs li a { + border: none; + border-radius: 0; + border-bottom: 2px solid transparent; + color: #666; + text-transform: uppercase; +} +.nav.nav-tabs li a:hover, +.nav.nav-tabs li a:active, +.nav.nav-tabs li a:focus { + color: #333; + border: none; + background: none; +} +.nav.nav-tabs li a .badge.badge-important { + display: inline; +} +.nav.nav-tabs li.active a { + color: #333; + border-bottom: 2px solid #3FAE2A; +} +.nav-tabs-left li, +.nav-tabs-right li { + float: none; + margin-bottom: 2px; +} +.nav-tabs-left li a, +.nav-tabs-right li a { + margin-right: 0; +} +.nav-tabs-left li { + margin-right: -1px; +} +.nav-tabs-left li a { + border-bottom: 2px solid transparent !important; +} +.nav-tabs-left li.active a, +.nav-tabs-left li.active a:hover, +.nav-tabs-left li.active a:active, +.nav-tabs-left li.active a:focus { + border-right: 2px solid #3FAE2A; +} +.nav-tabs-right li { + margin-left: -1px; +} +.nav-tabs-right li a { + border-bottom: 2px solid transparent !important; +} +.nav-tabs-right li.active a, +.nav-tabs-right li.active a:hover, +.nav-tabs-right li.active a:active, +.nav-tabs-right li.active a:focus { + border-left: 2px solid #3FAE2A; +} .wizard { border: 2px solid #ebecf1; } @@ -707,29 +765,6 @@ body, font-size: 12px; color: #000; } -.nav.nav-tabs { - border: none; -} -.nav.nav-tabs li a { - border: none; - border-bottom: 2px solid transparent; - color: #666; - text-transform: uppercase; -} -.nav.nav-tabs li a:hover, -.nav.nav-tabs li a:active, -.nav.nav-tabs li a:focus { - color: #333; - border: none; - background: none; -} -.nav.nav-tabs li a .badge.badge-important { - display: inline; -} -.nav.nav-tabs li.active a { - color: #333; - border-bottom: 2px solid #3FAE2A; -} a, a:visited, a:focus {
