From 9c8db407b195b4d3efbca97f7102b93762fdee92 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Tue, 2 Jun 2026 19:34:25 +0200
Subject: [PATCH] Make notification title segment variable

---
 patterns/notifications.html          | 8 ++++----
 styles/28-patterns-notifications.css | 5 -----
 2 files changed, 4 insertions(+), 9 deletions(-)

diff --git a/patterns/notifications.html b/patterns/notifications.html
index 6346708..537de08 100644
--- a/patterns/notifications.html
+++ b/patterns/notifications.html
@@ -80,7 +80,7 @@
     <div class="sg-preview-area sg-notifications-pattern">
 
       <article class="sg-card sg-notifications-pattern__card" data-pattern="notification-with-title" data-component="notification-card">
-        <div class="sg-card-segment sg-card-segment--header sg-card-segment--signal-red sg-notifications-pattern__text-segment sg-notifications-pattern__title-segment" data-component-part="card-header">
+        <div class="sg-card-segment sg-card-segment--header sg-card-segment--signal-red sg-notifications-pattern__text-segment" data-component-part="card-header">
           <p class="sg-body">
             Titel
           </p>
@@ -100,7 +100,7 @@
       </article>
 
       <article class="sg-card sg-notifications-pattern__card" data-pattern="notification-with-title" data-component="notification-card">
-        <div class="sg-card-segment sg-card-segment--header sg-card-segment--signal-green sg-notifications-pattern__text-segment sg-notifications-pattern__title-segment" data-component-part="card-header">
+        <div class="sg-card-segment sg-card-segment--header sg-card-segment--signal-green sg-notifications-pattern__text-segment" data-component-part="card-header">
           <p class="sg-body">
             Titel
           </p>
@@ -120,7 +120,7 @@
       </article>
 
       <article class="sg-card sg-notifications-pattern__card" data-pattern="notification-with-title" data-component="notification-card">
-        <div class="sg-card-segment sg-card-segment--header sg-card-segment--signal-yellow sg-notifications-pattern__text-segment sg-notifications-pattern__title-segment" data-component-part="card-header">
+        <div class="sg-card-segment sg-card-segment--header sg-card-segment--signal-yellow sg-notifications-pattern__text-segment" data-component-part="card-header">
           <p class="sg-body">
             Titel
           </p>
@@ -140,7 +140,7 @@
       </article>
 
       <article class="sg-card sg-card--notification-white sg-notifications-pattern__card" data-pattern="notification-with-title" data-component="notification-card">
-        <div class="sg-card-segment sg-card-segment--header sg-card-segment--white sg-notifications-pattern__text-segment sg-notifications-pattern__title-segment" data-component-part="card-header">
+        <div class="sg-card-segment sg-card-segment--header sg-card-segment--white sg-notifications-pattern__text-segment" data-component-part="card-header">
           <p class="sg-body">
             Titel
           </p>
diff --git a/styles/28-patterns-notifications.css b/styles/28-patterns-notifications.css
index 39e43df..c38b7e4 100644
--- a/styles/28-patterns-notifications.css
+++ b/styles/28-patterns-notifications.css
@@ -33,10 +33,6 @@
   height: var(--layout-notifications-text-segment-fixed-height);
 }
 
-.sg-notifications-pattern__card > .sg-notifications-pattern__title-segment {
-  height: var(--layout-notifications-text-segment-fixed-height);
-}
-
 .sg-notifications-pattern__card > .sg-notifications-pattern__text-segment.sg-notifications-pattern__text-segment--small {
   height: var(--layout-notifications-text-segment-fixed-height-small);
 }
@@ -50,7 +46,6 @@
   }
 
   .sg-notifications-pattern__card > .sg-notifications-pattern__text-segment,
-  .sg-notifications-pattern__card > .sg-notifications-pattern__title-segment,
   .sg-notifications-pattern__card > .sg-notifications-pattern__text-segment.sg-notifications-pattern__text-segment--small {
     height: auto;
   }