calcazar/frontend-helper
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

l0qp1n5qr: Give the disabled sparkle button a solid readable face

Browse Source
This commit is contained in:
calcazar
2026-10-19 21:58:41 -06:00
parent 82dfe7308b
commit fcbaa174b6
3 changed files with 29 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/buttons.css
+17
View File
@@ -490,3 +490,20 @@
.btn-spark:focus-visible .btn-spark-hex { fill: var(--on-accent); }
.btn-gloss::after { display: none; }
}
/* Sparkle glow, disabled: a solid readable face, no glow, no sparks, no fade. */
.btn-spark:disabled {
opacity: 1;
cursor: not-allowed;
background: var(--tile-3);
color: var(--ink-2);
box-shadow: inset 0 0 0 1px var(--line-2);
transform: none;
}
.btn-spark:disabled .btn-spark-inner,
.btn-spark:disabled .btn-spark-hex { color: var(--ink-2); }
.btn-spark:disabled .btn-spark-hex { stroke: var(--ink-2); animation: none; }
.btn-spark:disabled::before,
.btn-spark:disabled::after,
.btn-spark:disabled .btn-spark-fold,
.btn-spark:disabled .btn-spark-pts { display: none; }