BZ-34765: fix: expose some css variables in modal

- adding display, overflow-y and scrollbar-width to exposed variables
juspay · Sep 18, 2024 · 07bc119 · 07bc119
1 parent 75cddf9
commit 07bc119
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/lib/Modal/Modal.svelte b/src/lib/Modal/Modal.svelte
@@ -11,7 +11,7 @@
   let backPressed = false;
 
   export let properties: ModalProperties = defaultModalProperties;
-  
+
   const debounce = createDebouncer(properties.debounceTime);
 
   function handlePopstate() {
@@ -146,9 +146,9 @@
   }
 
   .slot-content {
-    display: flex;
-    overflow-y: scroll;
-    scrollbar-width: none;
+    display: var(--modal-display, flex);
+    overflow-y: var(--modal-overflow-y, scroll);
+    scrollbar-width: var(--modal-scrollbar-width, none);
   }
 
   .slot-content::-webkit-scrollbar {