feat: create a transparent backdrop on off canvas

ICIJ · Sep 12, 2024 · 71074b7 · 71074b7
1 parent da0ea5e
commit 71074b7
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/components/PageOffcanvas/PageOffcanvas.vue b/src/components/PageOffcanvas/PageOffcanvas.vue
@@ -23,7 +23,6 @@ defineProps({
     :title="title"
     class="page-offcanvas"
     header-class="page-offcanvas__header"
-    hide-backdrop
   >
     <template #header="{ hide }">
       <h5 v-if="title" class="page-offcanvas__header__title m-0">{{ title }}</h5>

diff --git a/src/utils/settings.scss b/src/utils/settings.scss
@@ -176,7 +176,7 @@ $modal-content-inner-border-radius: subtract($modal-content-border-radius, $moda
 $modal-content-box-shadow-xs:  1px 1px 8px 5px rgba($black, 0.1);
 $modal-content-box-shadow-sm-up: 1px 1px 8px 5px rgba($black, 0.1);
 
-$modal-backdrop-bg: $black;
+$modal-backdrop-bg: $secondary;
 $modal-backdrop-opacity: .5;
 
 $modal-header-border-color: transparent;
@@ -197,8 +197,9 @@ $modal-xl: 1140px;
 $offcanvas-box-shadow: none;
 $offcanvas-border-color: var(--bs-tertiary);
 $offcanvas-width: 300px;
-$offcanvas-padding-y: $spacer-lg;
-$offcanvas-padding-x: $spacer-lg;
+$offcanvas-padding-y: $spacer;
+$offcanvas-padding-x: $spacer-xl;
+$offcanvas-backdrop-bg: transparent;
 
 $kbd-padding-y: $spacer-xxs;
 $kbd-padding-x: $spacer-xs;