rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-30 22:52:24 +01:00
Code Issues Actions Packages Releases Activity

Offcanvas not showing with .showing (#36353)

Browse Source 
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.
This commit is contained in:
Justin Kruit 2022-05-14 20:36:01 +02:00 committed by GitHub
parent 46bb9e78d7
commit bb4f9d74fb
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
scss/_offcanvas.scss
View File

@ -43,17 +43,6 @@
@include box-shadow(var(--#{$prefix}offcanvas-box-shadow)); @include box-shadow(var(--#{$prefix}offcanvas-box-shadow));
@include transition(transform $offcanvas-transition-duration ease-in-out); @include transition(transform $offcanvas-transition-duration ease-in-out);
&.showing,
&.show:not(.hiding) {
transform: none;
}
&.showing,
&.hiding,
&.show {
visibility: visible;
}
&.offcanvas-start { &.offcanvas-start {
top: 0; top: 0;
left: 0; left: 0;
@ -88,6 +77,17 @@
border-top: var(--#{$prefix}offcanvas-border-width) solid var(--#{$prefix}offcanvas-border-color); border-top: var(--#{$prefix}offcanvas-border-width) solid var(--#{$prefix}offcanvas-border-color);
transform: translateY(100%); transform: translateY(100%);
} }
&.showing,
&.show:not(.hiding) {
transform: none;
}
&.showing,
&.hiding,
&.show {
visibility: visible;
}
} }
@if not ($infix == "") { @if not ($infix == "") {