mdbootstrap/mdb-ui-kit
1
1
Fork 0
mirror of https://github.com/mdbootstrap/mdb-ui-kit.git synced 2024-11-29 04:54:12 +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 4b5dc8f068
commit f452a67fea
1 changed files with 55 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
less/_navbar.less
View File

@ -94,7 +94,26 @@
} }
// Dropdowns get custom display // Dropdowns get custom display
.open .dropdown-menu { .dropdown{
.dropdown-toggle{
.caret{
display:none;
}
&:after{
content: 'keyboard_arrow_right';
font-family: 'Material Icons';
font-size: 1.5em;
float:right;
}
}
.dropdown-menu{
margin-left:20px;
}
&.open{
.dropdown-toggle:after{
content: 'keyboard_arrow_down';
}
.dropdown-menu {
> .dropdown-header { > .dropdown-header {
border: 0; border: 0;
color: inherit; color: inherit;
@ -105,6 +124,7 @@
} }
> li > a { > li > a {
color: inherit; color: inherit;
font-size: inherit;
&:hover, &:hover,
&:focus { &:focus {
color: inherit; color: inherit;
@ -130,6 +150,8 @@
} }
} }
} }
}
}
.navbar-link { .navbar-link {
color: inherit; color: inherit;
@ -197,6 +219,11 @@
} }
.dropdown-menu { .dropdown-menu {
border-radius: @border-radius-base; border-radius: @border-radius-base;
@media (max-width: @grid-float-breakpoint-max) {
.dropdown-header{
background-color: lighten(@variation-color,5%);
}
}
li > a { li > a {
font-size: @mdb-dropdown-font-size; font-size: @mdb-dropdown-font-size;
padding: 13px 16px; padding: 13px 16px;