From 8934b25c475bc4d418d6d549ef0bcca0da683727 Mon Sep 17 00:00:00 2001 From: wukko Date: Thu, 27 Feb 2025 18:29:07 +0600 Subject: [PATCH] web/DonateCardContainer: default cursor when a button is selected also disabled hover & active for a selected button --- web/src/components/donate/DonateCardContainer.svelte | 10 ++++------ 1 file changed, 4 insertions(+), 6 deletions(-) diff --git a/web/src/components/donate/DonateCardContainer.svelte b/web/src/components/donate/DonateCardContainer.svelte index 1fc7d813..3cd52a20 100644 --- a/web/src/components/donate/DonateCardContainer.svelte +++ b/web/src/components/donate/DonateCardContainer.svelte @@ -47,22 +47,20 @@ box-shadow: none; } - :global(.donate-card button:active) { - background: rgba(255, 255, 255, 0.1); - } - @media (hover: hover) { - :global(.donate-card button:hover) { + :global(.donate-card button:hover:not(.selected)) { background: rgba(255, 255, 255, 0.1); } } - :global(.donate-card button:active) { + :global(.donate-card button:active:not(.selected)), + :global(.donate-card button:hover:active:not(.selected)) { background: rgba(255, 255, 255, 0.125); } :global(.donate-card button.selected) { background: rgba(255, 255, 255, 0.15); + cursor: default; } :global(.donate-card button.selected:not(:focus-visible)) {