fa/breadcrumb-the-shire
1
0
Fork 1
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

chore: snapshot notifications hardening and css/docs alignment

Browse Source
This commit is contained in:
Felix Schneider
2026-03-20 00:05:03 +01:00
parent fb6e30a062
commit 60c27e50cb
41 changed files with 1862 additions and 254 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
modules/notifications/web/css/layout/app-topbar-notifications.css
View File

@@ -1,22 +1,40 @@
@layer layout {
.app-topbar-notification-menu > summary {
position: relative;
}
.app-topbar-notification-menu {
--app-notification-badge-bg: var(--app-action-danger-background);
--app-notification-badge-color: var(--app-action-danger-color);
}
.app-notification-badge {
position: absolute;
top: 2px;
right: 2px;
min-width: 18px;
height: 18px;
padding: 0 4px;
border-radius: 9px;
background: var(--app-danger, #dc3545);
color: #fff;
font-size: 11px;
font-weight: 600;
line-height: 18px;
text-align: center;
pointer-events: none;
}
.app-topbar-notification-menu > summary {
position: relative;
}
.app-topbar-notification-menu > summary::after {
display: none;
content: none;
}
.app-topbar-notification-menu > summary::-webkit-details-marker {
display: none;
}
.app-topbar-notification-menu > summary::marker {
content: "";
}
.app-notification-badge {
position: absolute;
top: 5px;
right: 0px;
min-width: 13px;
height: 13px;
padding: 0 3px;
border-radius: 999px;
background: var(--app-notification-badge-bg);
color: var(--app-notification-badge-color);
font-size: 7px;
font-weight: 600;
line-height: 13px;
text-align: center;
pointer-events: none;
}
}