diff options
Diffstat (limited to 'scss/_dropdown.scss')
| -rw-r--r-- | scss/_dropdown.scss | 37 |
1 files changed, 14 insertions, 23 deletions
diff --git a/scss/_dropdown.scss b/scss/_dropdown.scss index b71058c58..adc114327 100644 --- a/scss/_dropdown.scss +++ b/scss/_dropdown.scss @@ -16,7 +16,6 @@ // The dropdown menu .dropdown-menu { position: absolute; - top: 100%; z-index: $zindex-dropdown; display: none; // none by default, but block on "open" of the menu min-width: $dropdown-min-width; @@ -33,6 +32,7 @@ @include box-shadow($dropdown-box-shadow); &[data-bs-popper] { + top: 100%; left: 0; margin-top: $dropdown-spacer; } @@ -50,8 +50,8 @@ --bs-position: start; &[data-bs-popper] { - right: auto #{"/* rtl:ignore */"}; - left: 0 #{"/* rtl:ignore */"}; + right: auto; + left: 0; } } @@ -59,8 +59,8 @@ --bs-position: end; &[data-bs-popper] { - right: 0 #{"/* rtl:ignore */"}; - left: auto #{"/* rtl:ignore */"}; + right: 0; + left: auto; } } } @@ -70,14 +70,11 @@ // Allow for dropdowns to go bottom up (aka, dropup-menu) // Just add .dropup after the standard .dropdown class and you're set. .dropup { - .dropdown-menu { + .dropdown-menu[data-bs-popper] { top: auto; bottom: 100%; - - &[data-bs-popper] { - margin-top: 0; - margin-bottom: $dropdown-spacer; - } + margin-top: 0; + margin-bottom: $dropdown-spacer; } .dropdown-toggle { @@ -86,15 +83,12 @@ } .dropend { - .dropdown-menu { + .dropdown-menu[data-bs-popper] { top: 0; right: auto; left: 100%; - - &[data-bs-popper] { - margin-top: 0; - margin-left: $dropdown-spacer; - } + margin-top: 0; + margin-left: $dropdown-spacer; } .dropdown-toggle { @@ -106,15 +100,12 @@ } .dropstart { - .dropdown-menu { + .dropdown-menu[data-bs-popper] { top: 0; right: 100%; left: auto; - - &[data-bs-popper] { - margin-top: 0; - margin-right: $dropdown-spacer; - } + margin-top: 0; + margin-right: $dropdown-spacer; } .dropdown-toggle { |