nik/FreedomBox
1
0
Fork 0
mirror of https://github.com/freedombox/FreedomBox.git synced 2026-09-19 04:59:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

ui: Add animation for notification dismissal

Browse Source 
Tests:

- When a notification dismiss button is clicked, first it fades and collapses
at the same time.

Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: Joseph Nuthalapati <njoseph@riseup.net>
This commit is contained in:
Sunil Mohan Adapa 2026-02-03 14:20:36 -08:00 committed by Joseph Nuthalapati
parent e37d26abee
commit 196fcea328
No known key found for this signature in database
GPG Key ID: 5398F00A2FA43C35
1 changed files with 8 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
static/themes/default/css/main.css
View File

@ -945,12 +945,20 @@ section.app-description {
.notification { .notification {
padding: 0.625rem 0.9375rem; padding: 0.625rem 0.9375rem;
border-left: 0.3125rem solid; border-left: 0.3125rem solid;
max-height: 100rem; /* HACK: Very high value for closing transition. */
} }
.notification:not(:first-child) { .notification:not(:first-child) {
border-top: 1px solid var(--bs-border-color-translucent); border-top: 1px solid var(--bs-border-color-translucent);
} }
.notification.htmx-swapping {
opacity: 0;
overflow: hidden;
max-height: 0;
transition: opacity 0.3s, max-height 0.3s;
}
.notification-time { .notification-time {
float: right; float: right;
font-size: 0.8rem; font-size: 0.8rem;