Mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/wukko/cobalt.git synced 2025-04-29 22:14:26 +02:00
Code Issues Packages Projects Releases Wiki Activity

web/ProcessingStatus: replace box-shadow with filter

Browse Source
This commit is contained in:
wukko 2025-04-24 17:28:06 +06:00
parent b3e523b1ce
commit 9d6e638614
No known key found for this signature in database
GPG Key ID: 3E30B3F26C7B4AA2
1 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
web/src/components/queue/ProcessingStatus.svelte
View File

@ -37,16 +37,18 @@
<style> <style>
#processing-status { #processing-status {
--processing-status-glow: 0 0 8px 0px var(--button-elevated-hover);
pointer-events: all; pointer-events: all;
padding: 7px; padding: 7px;
border-radius: 30px; border-radius: 30px;
box-shadow: box-shadow: var(--button-box-shadow);
var(--button-box-shadow),
var(--processing-status-glow);
transition: box-shadow 0.2s, background-color 0.2s, transform 0.2s; filter: drop-shadow(0 0 3px var(--button-elevated-hover));
transition:
background-color 0.2s,
transform 0.2s;
will-change: transform, background-color;
} }
#processing-status:focus-visible { #processing-status:focus-visible {
@ -58,9 +60,7 @@
} }
#processing-status.completed { #processing-status.completed {
box-shadow: box-shadow: var(--focus-ring);
var(--focus-ring),
var(--processing-status-glow);
} }
:global([data-theme="light"]) #processing-status.completed { :global([data-theme="light"]) #processing-status.completed {