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

Add notifications sizing tokens and group-card variant rule

Browse Source
This commit is contained in:
Mathias Gläser
2026-06-01 17:24:18 +02:00
parent 12f16b9813
commit 236d9cf1f2
3 changed files with 22 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
styles/01-foundations.css
+3
View File
@@ -170,6 +170,9 @@
--layout-object-card-mobile-width: var(--dimension-object-card-mobile-width);
--layout-object-card-mobile-height: var(--dimension-object-card-mobile-height);
--layout-object-card-desktop-breakpoint: var(--dimension-object-card-desktop-breakpoint);
--layout-notifications-card-flex-basis: var(--layout-object-card-min-width);
--layout-notifications-card-min-width: var(--layout-object-card-min-width);
--layout-notifications-card-max-width: var(--layout-object-card-max-width);
--layout-notifications-text-segment-fixed-height: 150px;
--layout-object-group-card-min-width: var(--dimension-object-group-card-min-width);
--layout-object-group-card-max-width: var(--dimension-object-group-card-max-width);
styles/28-patterns-notifications.css
+11 -3
View File
@@ -11,9 +11,17 @@
}
.sg-notifications-pattern__card {
flex: 1 1 var(--layout-object-card-min-width);
min-width: var(--layout-object-card-min-width);
max-width: var(--layout-object-card-max-width);
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);
}
/* 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;
}
.sg-notifications-pattern.sg-notifications-pattern--multi-row .sg-notifications-pattern__card {