eliott/worldmonitor
1
0
Fork 0
mirror of https://github.com/koala73/worldmonitor.git synced 2026-05-01 11:57:24 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat(settings): badge pulse animation with settings toggle (#676)

Browse Source 
* feat: animate panel count badge on new data arrival

* feat(settings): gate badge pulse animation behind toggle (off by default)

PR #671 adds CSS pulse on panel count badges. This commit gates it
behind a new `badgeAnimation` setting in UnifiedSettings so users
opt-in. Adds i18n keys for all 18 locales.

---------

Co-authored-by: jeronlxj <jeronliaw@u.nus.edu>
This commit is contained in:
Elie Habib
2026-03-01 19:21:36 +04:00
committed by GitHub
parent 98150d639d
commit 45b00e9d7d
23 changed files with 83 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/styles/main.css
View File

@@ -1061,6 +1061,17 @@ body.panel-resize-active iframe {
background: var(--border);
padding: 2px 6px;
border-radius: 2px;
transition: color 0.3s ease, background 0.3s ease;
}
.panel-count.bump {
animation: count-bump 0.5s ease-out;
}
@keyframes count-bump {
0% { transform: scale(1); background: var(--border); color: var(--text-dim); }
40% { transform: scale(1.3); background: var(--accent); color: var(--bg); }
100% { transform: scale(1); background: var(--border); color: var(--text-dim); }
}