mirror of
https://github.com/mdbootstrap/mdb-ui-kit.git
synced 2025-02-09 08:10:39 +03:00
dropdown improvements
This commit is contained in:
parent
c9bcea872c
commit
9fab7c7baa
|
@ -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,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;
|
||||
|
|
Loading…
Reference in New Issue
Block a user