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

Add semantic token for notifications text-segment fixed height

Browse Source
This commit is contained in:
Mathias Gläser
2026-06-01 16:47:06 +02:00
parent 8da817bf65
commit 632de4aef5
3 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
semantic-tokens-components.html
+1
View File
@@ -55,6 +55,7 @@
<tbody> <tbody>
<tr><td>layout-object-group-card-min-width</td><td>dimension-object-group-card-min-width</td><td>Mindestbreite der Karteninstanzen im Pattern Object Group Card.</td></tr> <tr><td>layout-object-group-card-min-width</td><td>dimension-object-group-card-min-width</td><td>Mindestbreite der Karteninstanzen im Pattern Object Group Card.</td></tr>
<tr><td>layout-object-group-card-max-width</td><td>dimension-object-group-card-max-width</td><td>Maximalbreite der Karteninstanzen im Pattern Object Group Card.</td></tr> <tr><td>layout-object-group-card-max-width</td><td>dimension-object-group-card-max-width</td><td>Maximalbreite der Karteninstanzen im Pattern Object Group Card.</td></tr>
<tr><td>layout-notifications-text-segment-fixed-height</td><td>200px</td><td>Fixe Desktop-Höhe des ersten Text-Segments im Pattern Notifications; auf Mobile wird die Höhe wieder auf auto gesetzt.</td></tr>
</tbody> </tbody>
</table> </table>
styles/01-foundations.css
+1
View File
@@ -170,6 +170,7 @@
--layout-object-card-mobile-width: var(--dimension-object-card-mobile-width); --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-mobile-height: var(--dimension-object-card-mobile-height);
--layout-object-card-desktop-breakpoint: var(--dimension-object-card-desktop-breakpoint); --layout-object-card-desktop-breakpoint: var(--dimension-object-card-desktop-breakpoint);
--layout-notifications-text-segment-fixed-height: 200px;
--layout-object-group-card-min-width: var(--dimension-object-group-card-min-width); --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); --layout-object-group-card-max-width: var(--dimension-object-group-card-max-width);
--surface-object-card-lower-segment: var(--color-white); --surface-object-card-lower-segment: var(--color-white);
styles/28-patterns-notifications.css
+3 -3
View File
@@ -21,8 +21,8 @@
width: var(--layout-object-card-shared-width); width: var(--layout-object-card-shared-width);
} }
.sg-notifications-pattern__text-segment { .sg-notifications-pattern__card > .sg-notifications-pattern__text-segment {
height: 200px; height: var(--layout-notifications-text-segment-fixed-height);
} }
@media (max-width: 767px) { @media (max-width: 767px) {
@@ -33,7 +33,7 @@
flex: 1 1 auto; flex: 1 1 auto;
} }
.sg-notifications-pattern__text-segment { .sg-notifications-pattern__card > .sg-notifications-pattern__text-segment {
height: auto; height: auto;
} }
} }