gitea_admin/Styleguide
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make notification title segment variable

Browse Source
This commit is contained in:
Mathias Gläser
2026-06-02 19:34:25 +02:00
parent 7f01e0029f
commit 9c8db407b1
2 changed files with 4 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
patterns/notifications.html
+4 -4
View File
@@ -80,7 +80,7 @@
<div class="sg-preview-area sg-notifications-pattern"> <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"> <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"> <p class="sg-body">
Titel Titel
</p> </p>
@@ -100,7 +100,7 @@
</article> </article>
<article class="sg-card sg-notifications-pattern__card" data-pattern="notification-with-title" data-component="notification-card"> <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"> <p class="sg-body">
Titel Titel
</p> </p>
@@ -120,7 +120,7 @@
</article> </article>
<article class="sg-card sg-notifications-pattern__card" data-pattern="notification-with-title" data-component="notification-card"> <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"> <p class="sg-body">
Titel Titel
</p> </p>
@@ -140,7 +140,7 @@
</article> </article>
<article class="sg-card sg-card--notification-white sg-notifications-pattern__card" data-pattern="notification-with-title" data-component="notification-card"> <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"> <p class="sg-body">
Titel Titel
</p> </p>
styles/28-patterns-notifications.css
-5
View File
@@ -33,10 +33,6 @@
height: var(--layout-notifications-text-segment-fixed-height); 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 { .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: 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__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 { .sg-notifications-pattern__card > .sg-notifications-pattern__text-segment.sg-notifications-pattern__text-segment--small {
height: auto; height: auto;
} }