[Fix] visual quirk with blur in unfocused countdown (#1970)
Some checks are pending
Project CI / build (24.x) (push) Waiting to run

* Fix visual quirk with blur in unfocused countdown

* Snuck in fixes and refactors
This commit is contained in:
Carlos Fernandez 2026-06-04 05:42:17 -04:00 committed by GitHub
parent 6747be49b2
commit 5ac4fc3b9c
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 25 additions and 22 deletions

View file

@ -18,7 +18,7 @@
border: 0;
box-shadow: none;
color: @color-text-primary;
width: 300px;
width: 18.75rem;
pointer-events: all;
align-self: flex-end;
transition: 0.3s right ease-in-out;
@ -36,7 +36,7 @@
transition: opacity var(--ui-fade-duration);
}
:not(.performance-low, .noblur) {
&:not(.performance-low, .noblur) {
backdrop-filter: blur(5px);
}
@ -49,8 +49,7 @@
}
&.icon-only {
width: 180px;
min-width: 180px;
width: 12rem;
}
.countdowns-header,
@ -108,8 +107,8 @@
gap: 16px;
img {
width: 44px;
height: 44px;
width: 2.75rem;
height: 2.75rem;
border-radius: 6px;
}
@ -127,7 +126,7 @@
.countdown-tool-controls {
display: flex;
align-items: center;
gap: 16px;
gap: var(--spacer-12);
}
.progress-tag {