mdbootstrap/mdb-ui-kit
1
1
Fork 0
mirror of https://github.com/mdbootstrap/mdb-ui-kit.git synced 2024-11-11 20:28:14 +03:00
Code Issues Packages Projects Releases Wiki Activity

Improving dropdown style inside collapsible navbar

Browse Source
This commit is contained in:
TJ 2016-06-05 16:50:04 +05:30
parent 6625d42cc2
commit 639ec57327
1 changed files with 55 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

83
less/_navbar.less
View File

@ -94,37 +94,59 @@
}
// Dropdowns get custom display
.open .dropdown-menu {
> .dropdown-header {
border: 0;
color: inherit;
}
.divider {
border-bottom: 1px solid;
opacity: 0.08;
}
> li > a {
color: inherit;
&:hover,
&:focus {
color: inherit;
background-color: transparent;
.dropdown{
.dropdown-toggle{
.caret{
display:none;
}
&:after{
content: 'keyboard_arrow_right';
font-family: 'Material Icons';
font-size: 1.5em;
float:right;
}
}
> .active > a {
&,
&:hover,
&:focus {
color: inherit;
background-color: transparent;
}
.dropdown-menu{
margin-left:20px;
}
> .disabled > a {
&,
&:hover,
&:focus {
color: inherit;
background-color: transparent;
&.open{
.dropdown-toggle:after{
content: 'keyboard_arrow_down';
}
.dropdown-menu {
> .dropdown-header {
border: 0;
color: inherit;
}
.divider {
border-bottom: 1px solid;
opacity: 0.08;
}
> li > a {
color: inherit;
font-size: inherit;
&:hover,
&:focus {
color: inherit;
background-color: transparent;
}
}
> .active > a {
&,
&:hover,
&:focus {
color: inherit;
background-color: transparent;
}
}
> .disabled > a {
&,
&:hover,
&:focus {
color: inherit;
background-color: transparent;
}
}
}
}
}
@ -197,6 +219,11 @@
}
.dropdown-menu {
border-radius: @border-radius-base;
@media (max-width: @grid-float-breakpoint-max) {
.dropdown-header{
background-color: lighten(@variation-color,5%);
}
}
li > a {
font-size: @mdb-dropdown-font-size;
padding: 13px 16px;