fix(VBanner): set index when using sticky prop

vuetifyjs · May 30, 2024 · 9e2d22f · 9e2d22f
1 parent 99279d9
commit 9e2d22f
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/packages/vuetify/src/components/VBanner/VBanner.sass b/packages/vuetify/src/components/VBanner/VBanner.sass
@@ -66,6 +66,7 @@
 
     &--sticky
       top: $banner-sticky-top
+      z-index: $banner-sticky-z-index
 
   .v-banner__content
     align-items: center

diff --git a/packages/vuetify/src/components/VBanner/_variables.scss b/packages/vuetify/src/components/VBanner/_variables.scss
@@ -24,6 +24,7 @@ $banner-prepend-margin-end: 24px !default;
 $banner-rounded-border-radius: settings.$border-radius-root !default;
 $banner-stacked-padding-inline-end: 36px !default;
 $banner-sticky-top: 0 !default;
+$banner-sticky-z-index: 1 !default;
 $banner-text-padding-end: 90px !default;
 $banner-width: 100% !default;