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

Adding missing CSS variables for z-index

Browse Source
This commit is contained in:
louismaximepiton 2022-08-24 15:42:02 +02:00 committed by Mark Otto
parent 4cea8b1786
commit a0238d126b
3 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
scss/_dropdown.scss
View File

@ -18,6 +18,7 @@
// The dropdown menu // The dropdown menu
.dropdown-menu { .dropdown-menu {
// scss-docs-start dropdown-css-vars // scss-docs-start dropdown-css-vars
--#{$prefix}dropdown-zindex: #{$zindex-dropdown};
--#{$prefix}dropdown-min-width: #{$dropdown-min-width}; --#{$prefix}dropdown-min-width: #{$dropdown-min-width};
--#{$prefix}dropdown-padding-x: #{$dropdown-padding-x}; --#{$prefix}dropdown-padding-x: #{$dropdown-padding-x};
--#{$prefix}dropdown-padding-y: #{$dropdown-padding-y}; --#{$prefix}dropdown-padding-y: #{$dropdown-padding-y};
@ -46,7 +47,7 @@
// scss-docs-end dropdown-css-vars // scss-docs-end dropdown-css-vars
position: absolute; position: absolute;
z-index: $zindex-dropdown; z-index: var(--#{$prefix}dropdown-zindex);
display: none; // none by default, but block on "open" of the menu display: none; // none by default, but block on "open" of the menu
min-width: var(--#{$prefix}dropdown-min-width); min-width: var(--#{$prefix}dropdown-min-width);
padding: var(--#{$prefix}dropdown-padding-y) var(--#{$prefix}dropdown-padding-x); padding: var(--#{$prefix}dropdown-padding-y) var(--#{$prefix}dropdown-padding-x);

3
scss/_offcanvas.scss
View File

@ -2,6 +2,7 @@
%offcanvas-css-vars { %offcanvas-css-vars {
// scss-docs-start offcanvas-css-vars // scss-docs-start offcanvas-css-vars
--#{$prefix}offcanvas-zindex: #{$zindex-offcanvas};
--#{$prefix}offcanvas-width: #{$offcanvas-horizontal-width}; --#{$prefix}offcanvas-width: #{$offcanvas-horizontal-width};
--#{$prefix}offcanvas-height: #{$offcanvas-vertical-height}; --#{$prefix}offcanvas-height: #{$offcanvas-vertical-height};
--#{$prefix}offcanvas-padding-x: #{$offcanvas-padding-x}; --#{$prefix}offcanvas-padding-x: #{$offcanvas-padding-x};
@ -31,7 +32,7 @@
@include media-breakpoint-down($next) { @include media-breakpoint-down($next) {
position: fixed; position: fixed;
bottom: 0; bottom: 0;
z-index: $zindex-offcanvas; z-index: var(--#{$prefix}offcanvas-zindex);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
max-width: 100%; max-width: 100%;

3
scss/_toasts.scss
View File

@ -1,5 +1,6 @@
.toast { .toast {
// scss-docs-start toast-css-vars // scss-docs-start toast-css-vars
--#{$prefix}toast-zindex: #{$zindex-toast};
--#{$prefix}toast-padding-x: #{$toast-padding-x}; --#{$prefix}toast-padding-x: #{$toast-padding-x};
--#{$prefix}toast-padding-y: #{$toast-padding-y}; --#{$prefix}toast-padding-y: #{$toast-padding-y};
--#{$prefix}toast-spacing: #{$toast-spacing}; --#{$prefix}toast-spacing: #{$toast-spacing};
@ -38,7 +39,7 @@
.toast-container { .toast-container {
position: absolute; position: absolute;
z-index: $zindex-toast; z-index: var(--#{$prefix}toast-zindex);
width: max-content; width: max-content;
max-width: 100%; max-width: 100%;
pointer-events: none; pointer-events: none;