Add notification object card pattern

2026-06-29 12:58:04 +02:00
parent 85f80a0e0f
commit d7f2d08a3f
5 changed files with 49 additions and 0 deletions
@@ -77,6 +77,16 @@
  height: auto;
 }

+.sg-object-card--notification {
+  width: var(--layout-notification-card-width);
+  height: auto;
+  --surface-object-card-lower-segment: var(--surface-notification-card-lower-segment);
+}
+
+.sg-notification-card__actions {
+  justify-content: flex-end;
+}
+
 .sg-object-card-content-basic {
  margin-top: var(--layout-content-card-margin-top-desktop);
 }
@@ -88,6 +98,12 @@
    max-width: none;
  }

+  .sg-object-card--notification {
+    width: var(--layout-object-card-mobile-width);
+    min-width: 0;
+    max-width: none;
+  }
+
  .sg-object-card-content-basic {
    margin-top: var(--layout-content-card-margin-top-mobile);
  }