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

Fix notifications pattern desktop sizing

Browse Source
This commit is contained in:
Mathias Gläser
2026-06-03 15:36:13 +02:00
parent b1af9b3e6b
commit fb5baffc01
1 changed files with 12 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
styles/28-patterns-notifications.css
+12 -11
View File
@@ -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) {