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

fix: stabilize user notification staple stacking

Browse Source
This commit is contained in:
gitea_admin committed 2026-08-20 14:20:07 +02:00
1 parent a7dd1991ae
commit a927dae61d
1 file changed
+8
Download Patch File Download Diff File Expand all files Collapse all files
styles/28-patterns-notifications.css
+8
View File
@@ -63,12 +63,19 @@
.sg-user-notification-staple > .sg-card {
grid-area: 1 / 1;
align-self: start;
width: 100%;
min-width: 0;
max-width: none;
z-index: 1;
}
.sg-user-notification-staple > .sg-card:first-child {
z-index: 3;
}
.sg-user-notification-staple > .sg-card:nth-child(2) {
z-index: 2;
transform: translate(
var(--layout-user-notification-staple-offset),
var(--layout-user-notification-staple-offset)
@@ -76,6 +83,7 @@
}
.sg-user-notification-staple > .sg-card:nth-child(3) {
z-index: 1;
transform: translate(
calc(var(--layout-user-notification-staple-offset) * 2),
calc(var(--layout-user-notification-staple-offset) * 2)