From fb5baffc01dccd551cfc2f6bdc38bc2e1a3d4144 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= Date: Wed, 3 Jun 2026 15:36:13 +0200 Subject: [PATCH] Fix notifications pattern desktop sizing --- styles/28-patterns-notifications.css | 23 ++++++++++++----------- 1 file changed, 12 insertions(+), 11 deletions(-) diff --git a/styles/28-patterns-notifications.css b/styles/28-patterns-notifications.css index 0086c28..2aac24b 100644 --- a/styles/28-patterns-notifications.css +++ b/styles/28-patterns-notifications.css @@ -11,26 +11,27 @@ } .sg-notifications-pattern__card { - flex: 1 1 var(--layout-notifications-card-flex-basis); - min-width: var(--layout-notifications-card-min-width); - max-width: var(--layout-notifications-card-max-width); + flex: 0 0 100%; + width: 100%; + min-width: 0; + max-width: none; } /* Dokumentierte Pattern-Variante: Notifications innerhalb Group Card */ .sg-notifications-pattern.sg-group-card > .sg-notifications-pattern__card { - flex: 1 1 var(--layout-notifications-card-flex-basis); - min-width: var(--layout-notifications-card-min-width); - max-width: var(--layout-notifications-card-max-width); - width: auto; + flex: 0 0 100%; + width: 100%; + min-width: 0; + max-width: none; } .sg-notifications-pattern.sg-notifications-pattern--multi-row .sg-notifications-pattern__card { - flex: 0 0 var(--layout-object-card-shared-width); - width: var(--layout-object-card-shared-width); + flex: 0 0 100%; + width: 100%; } .sg-notifications-pattern__card > .sg-notifications-pattern__text-segment { - height: var(--layout-notifications-text-segment-fixed-height); + height: auto; } .sg-notifications-pattern__card > .sg-notifications-pattern__title-segment { @@ -38,7 +39,7 @@ } .sg-notifications-pattern__card > .sg-notifications-pattern__text-segment.sg-notifications-pattern__text-segment--small { - height: var(--layout-notifications-text-segment-fixed-height-small); + height: auto; } @media (max-width: 767px) {