diff options
author | Justin Kruit <justinkruitnl@gmail.com> | 2022-05-14 21:36:01 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-05-14 21:36:01 +0300 |
commit | bb4f9d74fb399986eeeed07da10eded0908200b1 (patch) | |
tree | 3ac64805d1d92737639f53c9f71e0a8332d6704d | |
parent | 46bb9e78d74e0c7f4fa6f6fa611f3d9f8f28860b (diff) |
Offcanvas not showing with .showing (#36353)
The transform of .showing was being overridden by .offcanvas.offcanvas-start, while .show wasn't. This resulted in an illusion of the offcanvas waiting for the backdrop, reported in #36347. Moving the show classes below the position classes fixes this problem.
-rw-r--r-- | scss/_offcanvas.scss | 22 |
1 files changed, 11 insertions, 11 deletions
diff --git a/scss/_offcanvas.scss b/scss/_offcanvas.scss index e923db2f24..5709479dc4 100644 --- a/scss/_offcanvas.scss +++ b/scss/_offcanvas.scss @@ -43,17 +43,6 @@ @include box-shadow(var(--#{$prefix}offcanvas-box-shadow)); @include transition(transform $offcanvas-transition-duration ease-in-out); - &.showing, - &.show:not(.hiding) { - transform: none; - } - - &.showing, - &.hiding, - &.show { - visibility: visible; - } - &.offcanvas-start { top: 0; left: 0; @@ -88,6 +77,17 @@ border-top: var(--#{$prefix}offcanvas-border-width) solid var(--#{$prefix}offcanvas-border-color); transform: translateY(100%); } + + &.showing, + &.show:not(.hiding) { + transform: none; + } + + &.showing, + &.hiding, + &.show { + visibility: visible; + } } @if not ($infix == "") { |