From a927dae61d16024eba34ada7228a1c0ce53cea5a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= Date: Thu, 20 Aug 2026 14:20:07 +0200 Subject: [PATCH] fix: stabilize user notification staple stacking --- styles/28-patterns-notifications.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/styles/28-patterns-notifications.css b/styles/28-patterns-notifications.css index 7c3004a..73ed74c 100644 --- a/styles/28-patterns-notifications.css +++ b/styles/28-patterns-notifications.css @@ -63,12 +63,19 @@ .sg-user-notification-staple > .sg-card { grid-area: 1 / 1; + align-self: start; width: 100%; min-width: 0; max-width: none; + z-index: 1; +} + +.sg-user-notification-staple > .sg-card:first-child { + z-index: 3; } .sg-user-notification-staple > .sg-card:nth-child(2) { + z-index: 2; transform: translate( var(--layout-user-notification-staple-offset), var(--layout-user-notification-staple-offset) @@ -76,6 +83,7 @@ } .sg-user-notification-staple > .sg-card:nth-child(3) { + z-index: 1; transform: translate( calc(var(--layout-user-notification-staple-offset) * 2), calc(var(--layout-user-notification-staple-offset) * 2)