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

Adjust notifications small height

Browse Source
This commit is contained in:
Mathias Gläser
2026-06-02 09:33:14 +02:00
parent 701b081232
commit 75a243a611
5 changed files with 64 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
styles/01-foundations.css
+4 -1
View File
@@ -173,7 +173,10 @@
--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;
--dimension-notifications-text-segment-fixed-height: 150px;
--dimension-notifications-text-segment-fixed-height-small: 60px;
--layout-notifications-text-segment-fixed-height: var(--dimension-notifications-text-segment-fixed-height);
--layout-notifications-text-segment-fixed-height-small: var(--dimension-notifications-text-segment-fixed-height-small);
--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);
--surface-object-card-lower-segment: var(--color-white);
styles/28-patterns-notifications.css
+6 -1
View File
@@ -33,6 +33,10 @@
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);
}
@media (max-width: 767px) {
.sg-notifications-pattern__card {
width: 100%;
@@ -41,7 +45,8 @@
flex: 1 1 auto;
}
.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__text-segment.sg-notifications-pattern__text-segment--small {
height: auto;
}
}