web/layout: fix elevated colored button hover & active states
This commit is contained in:
parent
2fa1ad8f12
commit
194ff90d3d
1 changed files with 3 additions and 3 deletions
|
@ -337,7 +337,7 @@
|
||||||
background-color: var(--button-elevated);
|
background-color: var(--button-elevated);
|
||||||
}
|
}
|
||||||
|
|
||||||
:global(.button.elevated:active) {
|
:global(.button.elevated:not(.color):active) {
|
||||||
background-color: var(--button-elevated-hover);
|
background-color: var(--button-elevated-hover);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -365,8 +365,8 @@
|
||||||
:global(button:hover) {
|
:global(button:hover) {
|
||||||
background-color: var(--button-hover);
|
background-color: var(--button-hover);
|
||||||
}
|
}
|
||||||
|
|
||||||
:global(.button.elevated:hover) {
|
:global(.button.elevated:not(.color):hover) {
|
||||||
background-color: var(--button-elevated-hover);
|
background-color: var(--button-elevated-hover);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue