Bestellungen-Drawer mit Backdrop

public/assets/styleguide.upstream.css

@@ -3137,6 +3137,21 @@ section + section {
   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;
@@ -4369,4 +4384,3 @@ section + section {
   color: var(--text-typography-preview);
   margin-top: 0;
 }
-