web/DialogButtons: don't apply hover effect if button is colored

This commit is contained in:
wukko 2024-07-23 13:22:05 +06:00
parent c12088e297
commit 314d3590ec
No known key found for this signature in database
GPG key ID: 3E30B3F26C7B4AA2
2 changed files with 3 additions and 2 deletions

View file

@ -9,6 +9,7 @@
{#each buttons as button} {#each buttons as button}
<button <button
class="button popup-button {button.color}" class="button popup-button {button.color}"
class:color={button.color}
class:active={button.main} class:active={button.main}
on:click={async () => { on:click={async () => {
await button.action(); await button.action();

View file

@ -323,7 +323,7 @@
background-color: var(--secondary); background-color: var(--secondary);
} }
:global(.button.active:active) { :global(.button.active:not(.color):active) {
background-color: var(--button-active-hover); background-color: var(--button-active-hover);
} }
@ -339,7 +339,7 @@
background-color: var(--button-hover); background-color: var(--button-hover);
} }
:global(.button.active:hover) { :global(.button.active:not(.color):hover) {
background-color: var(--button-active-hover); background-color: var(--button-active-hover);
} }
} }