mdbootstrap/mdb-ui-kit
1
1
Fork 0
mirror of https://github.com/mdbootstrap/mdb-ui-kit.git synced 2025-02-16 19:50:37 +03:00
Code Issues Packages Projects Releases Wiki Activity

dropdown improvements

Browse Source
This commit is contained in:
FezVrasta 2016-08-02 23:58:18 +02:00
parent c9bcea872c
commit 9fab7c7baa
2 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
scss/_dropdown.scss
View File

@ -15,7 +15,7 @@
.dropdown-menu {
display: block; // utilize transition transform instead of flipping display
padding: .5rem 0;
padding: .25rem 0;
border: 0;
opacity: 0;
transition: transform $bmd-menu-expand-duration $bmd-animation-curve-default, opacity $bmd-menu-fade-duration $bmd-animation-curve-default;
@ -23,6 +23,10 @@
transform-origin: 0 0;
will-change: transform;
@include media-breakpoint-up(md) {
padding: .5rem 0;
}
.open > & {
//z-index: 999;
opacity: 1;

5
scss/variables/_menu.scss
View File

@ -5,15 +5,14 @@ $bmd-menu-item-max-width: 17.5rem !default; // Maximum width on mobile (in both
$bmd-menu-item-min-height: 3rem !default; // 48px
$bmd-menu-item-padding-right: 1rem !default;
$bmd-menu-item-padding-bottom: 1.25rem !default;
$bmd-menu-item-padding-bottom: .8rem !default;
$bmd-menu-item-padding-left: 1rem !default;
$bmd-menu-item-padding-top: 1.25rem !default;
$bmd-menu-item-padding-top: .8rem !default;
// md and up
$bmd-menu-item-padding-right-md: 1.5rem !default;
$bmd-menu-item-padding-left-md: 1.5rem !default;
// Menu
$bmd-menu-expand-duration: 0.3s !default;
$bmd-menu-fade-duration: 0.2s !default;