mirror of
https://github.com/Horizontal42/summarum.git
synced 2026-11-10 19:11:58 +03:00
design: pulsing indicator while rates refresh
The status bar just dimmed the "Rates" text to 0.5 opacity and left it static for the whole fetch — easy to miss as feedback that anything is happening. A slow pulse reads as "working" instead of just "disabled".
This commit is contained in:
parent
4302f7025c
commit
fd97484c4a
1 changed files with 5 additions and 1 deletions
|
|
@ -220,7 +220,11 @@ body {
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
#rates-info:hover { color: var(--fg); }
|
#rates-info:hover { color: var(--fg); }
|
||||||
#rates-info.spin { opacity: 0.5; pointer-events: none; }
|
#rates-info.spin { pointer-events: none; animation: rates-pulse 1s ease-in-out infinite; }
|
||||||
|
@keyframes rates-pulse {
|
||||||
|
0%, 100% { opacity: 0.5; }
|
||||||
|
50% { opacity: 0.95; }
|
||||||
|
}
|
||||||
#total-line {
|
#total-line {
|
||||||
font-family: var(--mono);
|
font-family: var(--mono);
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue