feat(modal): set a fixed backdrop color to avoid chromium issues

ovh · Jul 29, 2024 · 05cf1bb · 05cf1bb
1 parent 9a9aaa2
commit 05cf1bb
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/packages/ods/src/style/_modal.scss b/packages/ods/src/style/_modal.scss
@@ -40,7 +40,9 @@ $ods-modal-border-radius: var(--ods-border-radius-sm);
 
   &::backdrop {
     opacity: 0.75;
-    background-color: var(--ods-color-primary-500);
+    background-color: #0050d7;
+    // We're not using variables because of a Chromium issue with the backdrops
+    // See https://stackoverflow.com/questions/58818299/css-variables-not-working-in-dialogbackdrop/63322762#63322762
   }
 }