mirror of
https://github.com/wukko/cobalt.git
synced 2024-11-15 12:50:01 +00:00
web/DialogButtons: don't apply hover effect if button is colored
This commit is contained in:
parent
c12088e297
commit
314d3590ec
2 changed files with 3 additions and 2 deletions
|
@ -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();
|
||||||
|
|
|
@ -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);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue