Fix nav dropdown styling after replacing DropdownButton with NavDropdown

This commit is contained in:
Brett Sun 2016-06-17 16:29:14 +02:00
parent 5b11b7bc27
commit 11fbfa1fe3
8 changed files with 28 additions and 28 deletions

View File

@ -11,7 +11,7 @@
margin-bottom: 1.5em;
// All Navbar buttons
.navbar-nav .dropdown .dropdown-toggle.btn,
.navbar-nav .dropdown .dropdown-toggle,
.navbar-nav > li > a {
background-color: transparent;
border: none;
@ -44,7 +44,7 @@
// Open dropdowns
.navbar-nav .open {
.dropdown-toggle.btn {
.dropdown-toggle {
&:focus,
&:hover {
background-color: rgba($ascribe--button-default-color, .05);
@ -70,8 +70,8 @@
}
.notification-menu {
.dropdown-toggle.btn:focus,
.dropdown-toggle.btn:hover {
.dropdown-toggle:focus,
.dropdown-toggle:hover {
box-shadow: none;
}
}
@ -130,7 +130,7 @@
margin-left: 0;
}
.navbar-nav .dropdown .dropdown-toggle.btn,
.navbar-nav .dropdown .dropdown-toggle,
.navbar-nav > li > a {
display: block;
padding-bottom: 10px;

View File

@ -55,7 +55,7 @@ $vivi23--highlight-color: #de2600;
background-color: $vivi23--nav-fg-prim-color;
}
.navbar-nav .dropdown .dropdown-toggle.btn,
.navbar-nav .dropdown .dropdown-toggle,
.navbar-nav > li > a {
color: $vivi23--nav-bg-color;
@ -130,7 +130,7 @@ $vivi23--highlight-color: #de2600;
background-color: $vivi23--nav-bg-color;
}
.navbar-nav .dropdown .dropdown-toggle.btn,
.navbar-nav .dropdown .dropdown-toggle,
.navbar-nav > li > a {
color: $vivi23--nav-fg-prim-color;
@ -268,7 +268,7 @@ $vivi23--highlight-color: #de2600;
}
// filter widget
.ascribe-piece-list-toolbar-widget.dropdown-toggle.btn {
.ascribe-piece-list-toolbar-widget.dropdown-toggle {
background-color: transparent !important;
border-color: transparent !important;
color: $vivi23--button-default-color !important;

View File

@ -70,7 +70,7 @@ $artcity--ter-highlight-color: #EDEDF0;
}
}
.navbar-nav .dropdown .dropdown-toggle.btn,
.navbar-nav .dropdown .dropdown-toggle,
.navbar-nav > li > a {
color: $artcity--nav-fg-prim-color;
@ -92,7 +92,7 @@ $artcity--ter-highlight-color: #EDEDF0;
}
.navbar-nav .open {
.dropdown-toggle.btn,
.dropdown-toggle,
.dropdown-menu a {
color: $artcity--nav-fg-prim-color;
background-color: $artcity--nav-bg-color;
@ -145,7 +145,7 @@ $artcity--ter-highlight-color: #EDEDF0;
background-color: $artcity--nav-bg-color;
}
.navbar-nav .dropdown .dropdown-toggle.btn,
.navbar-nav .dropdown .dropdown-toggle,
.navbar-nav > li > a {
color: $artcity--nav-fg-prim-color;

View File

@ -9,7 +9,7 @@ $cc--button-color: $cc--nav-fg-prim-color;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.navbar-nav .dropdown .dropdown-toggle.btn,
.navbar-nav .dropdown .dropdown-toggle,
.navbar-nav > li > a {
color: $cc--nav-fg-prim-color;
background-color: $cc--nav-bg-color;
@ -32,7 +32,7 @@ $cc--button-color: $cc--nav-fg-prim-color;
}
.navbar-nav .open {
.dropdown-toggle.btn {
.dropdown-toggle {
background-color: $cc--nav-bg-color;
color: lighten($cc--nav-fg-prim-color, 40%);
@ -125,7 +125,7 @@ $cc--button-color: $cc--nav-fg-prim-color;
// thought of the day:
// "every great atrocity is the result of people just following orders"
.client--cc {
.ascribe-piece-list-toolbar-widget.dropdown-toggle.btn {
.ascribe-piece-list-toolbar-widget.dropdown-toggle {
color: $cc--button-color !important;
background-color: transparent !important;
border-color: transparent !important;

View File

@ -10,7 +10,7 @@ $cyland--button-sec-color: #515151;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.navbar-nav .dropdown .dropdown-toggle.btn,
.navbar-nav .dropdown .dropdown-toggle,
.navbar-nav > li > a {
color: $cyland--nav-fg-prim-color;
background-color: $cyland--nav-bg-color;
@ -33,7 +33,7 @@ $cyland--button-sec-color: #515151;
}
.navbar-nav .open {
.dropdown-toggle.btn {
.dropdown-toggle {
background-color: $cyland--nav-bg-color;
color: lighten($cyland--nav-fg-prim-color, 40%);
@ -79,7 +79,7 @@ $cyland--button-sec-color: #515151;
// thought of the day:
// "every great atrocity is the result of people just following orders"
.client--cyland {
.ascribe-piece-list-toolbar-widget.dropdown-toggle.btn {
.ascribe-piece-list-toolbar-widget.dropdown-toggle {
color: $cyland--button-color !important;
background-color: transparent !important;
border-color: transparent !important;

View File

@ -23,7 +23,7 @@ $ikono--font: 'Helvetica Neue', 'Helvetica', sans-serif !important;
background-color: $ikono--bg-color;
box-shadow: none;
.navbar-nav .dropdown .dropdown-toggle.btn,
.navbar-nav .dropdown .dropdown-toggle,
.navbar-nav > li > a {
border-bottom-color: transparent;
color: white;
@ -41,7 +41,7 @@ $ikono--font: 'Helvetica Neue', 'Helvetica', sans-serif !important;
}
.navbar-nav .open {
.dropdown-toggle.btn {
.dropdown-toggle {
background-color: $ikono--bg-color;
color: white;
@ -353,7 +353,7 @@ $ikono--font: 'Helvetica Neue', 'Helvetica', sans-serif !important;
// thought of the day:
// "every great atrocity is the result of people just following orders"
.client--ikonotv {
.ascribe-piece-list-toolbar-widget.dropdown-toggle.btn {
.ascribe-piece-list-toolbar-widget.dropdown-toggle {
color: $ikono--button-color !important;
background-color: transparent !important;
border-color: transparent !important;

View File

@ -67,7 +67,7 @@ $market--highlight-color: #2882fa;
}
}
.navbar-nav .dropdown .dropdown-toggle.btn,
.navbar-nav .dropdown .dropdown-toggle,
.navbar-nav > li > a {
color: $market--nav-fg-prim-color;
@ -89,7 +89,7 @@ $market--highlight-color: #2882fa;
}
.navbar-nav .open {
.dropdown-toggle.btn,
.dropdown-toggle,
.dropdown-menu a {
background-color: $market--nav-bg-color;
color: $market--nav-fg-prim-color;
@ -142,7 +142,7 @@ $market--highlight-color: #2882fa;
background-color: $market--nav-bg-color;
}
.navbar-nav .dropdown .dropdown-toggle.btn,
.navbar-nav .dropdown .dropdown-toggle,
.navbar-nav > li > a {
color: $market--nav-fg-prim-color;
@ -288,7 +288,7 @@ $market--highlight-color: #2882fa;
}
// filter widget
.ascribe-piece-list-toolbar-widget.dropdown-toggle.btn {
.ascribe-piece-list-toolbar-widget.dropdown-toggle {
background-color: transparent !important;
border-color: transparent !important;
color: $market--button-default-color !important;

View File

@ -68,7 +68,7 @@ $polline--highlight-color: #2882fa;
}
}
.navbar-nav .dropdown .dropdown-toggle.btn,
.navbar-nav .dropdown .dropdown-toggle,
.navbar-nav > li > a {
color: $polline--nav-fg-prim-color;
@ -90,7 +90,7 @@ $polline--highlight-color: #2882fa;
}
.navbar-nav .open {
.dropdown-toggle.btn,
.dropdown-toggle,
.dropdown-menu a {
color: $polline--nav-fg-prim-color;
@ -142,7 +142,7 @@ $polline--highlight-color: #2882fa;
background-color: $polline--nav-bg-color;
}
.navbar-nav .dropdown .dropdown-toggle.btn,
.navbar-nav .dropdown .dropdown-toggle,
.navbar-nav > li > a {
color: $polline--nav-fg-prim-color;
@ -288,7 +288,7 @@ $polline--highlight-color: #2882fa;
}
// filter widget
.ascribe-piece-list-toolbar-widget.dropdown-toggle.btn {
.ascribe-piece-list-toolbar-widget.dropdown-toggle {
background-color: transparent !important;
border-color: transparent !important;
color: $polline--button-default-color !important;