Bestellungen-Drawer mit Backdrop

2026-06-16 18:41:24 +02:00
parent eee2b87a48
commit dd8184c2b9
3 changed files with 51 additions and 9 deletions
@@ -7,6 +7,21 @@
  flex-direction: column;
 }

+.sg-card-list-page-drawer-backdrop {
+  position: fixed;
+  inset: 0;
+  background: rgba(0, 0, 0, 0.45);
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 220ms ease;
+  z-index: 999;
+}
+
+.sg-card-list-page-drawer-backdrop[data-open="true"] {
+  opacity: 1;
+  pointer-events: auto;
+}
+
 .sg-card-list-page-drawer {
  position: fixed;
  top: 0;
@@ -183,4 +198,3 @@
  margin: 0;
  color: var(--text-vsf-drawer-object-card-body);
 }
-