address missing button style, fix remaining warning

This commit is contained in:
Shpuld Shpuldson 2020-11-24 17:47:37 +02:00
parent a6e495e413
commit 04af772c1e
2 changed files with 13 additions and 9 deletions

View file

@ -71,6 +71,7 @@ a {
} }
.button-default { .button-default {
user-select: none;
color: $fallback--text; color: $fallback--text;
color: var(--btnText, $fallback--text); color: var(--btnText, $fallback--text);
background-color: $fallback--fg; background-color: $fallback--fg;
@ -84,10 +85,8 @@ a {
font-size: 14px; font-size: 14px;
font-family: sans-serif; font-family: sans-serif;
font-family: var(--interfaceFont, sans-serif); font-family: var(--interfaceFont, sans-serif);
user-select: none;
i[class*=icon-], i[class*=icon-],
:not(&.-icon),
.svg-inline--fa { .svg-inline--fa {
color: $fallback--text; color: $fallback--text;
color: var(--btnText, $fallback--text); color: var(--btnText, $fallback--text);
@ -110,7 +109,8 @@ a {
background-color: $fallback--fg; background-color: $fallback--fg;
background-color: var(--btnPressed, $fallback--fg); background-color: var(--btnPressed, $fallback--fg);
svg, i { svg,
i {
color: $fallback--text; color: $fallback--text;
color: var(--btnPressedText, $fallback--text); color: var(--btnPressedText, $fallback--text);
} }
@ -123,7 +123,8 @@ a {
background-color: $fallback--fg; background-color: $fallback--fg;
background-color: var(--btnDisabled, $fallback--fg); background-color: var(--btnDisabled, $fallback--fg);
svg, i { svg,
i {
color: $fallback--text; color: $fallback--text;
color: var(--btnDisabledText, $fallback--text); color: var(--btnDisabledText, $fallback--text);
} }
@ -137,7 +138,8 @@ a {
box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.3), 0px 1px 0px 0px rgba(0, 0, 0, 0.2) inset, 0px -1px 0px 0px rgba(255, 255, 255, 0.2) inset; box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.3), 0px 1px 0px 0px rgba(0, 0, 0, 0.2) inset, 0px -1px 0px 0px rgba(255, 255, 255, 0.2) inset;
box-shadow: var(--buttonPressedShadow); box-shadow: var(--buttonPressedShadow);
svg, i { svg,
i {
color: $fallback--text; color: $fallback--text;
color: var(--btnToggledText, $fallback--text); color: var(--btnToggledText, $fallback--text);
} }

View file

@ -17,10 +17,12 @@
<button <button
class="button-unstyled unmute" class="button-unstyled unmute"
@click.prevent="toggleMute" @click.prevent="toggleMute"
><FAIcon >
class="fa-scale-110 fa-old-padding" <FAIcon
icon="eye-slash" class="fa-scale-110 fa-old-padding"
/></button> icon="eye-slash"
/>
</button>
</div> </div>
<div <div
v-else v-else