fix: Fixes wrong color for note tab in reply box (#3566)

* fix: Fixes wrong color for note tab in reply box

* Changes color for warning button

* Fixes spacing
This commit is contained in:
Nithin David Thomas 2021-12-14 20:09:52 +05:30 committed by GitHub
parent 7986d61b6f
commit 6ae06f2c7a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 25 additions and 18 deletions

View file

@ -66,9 +66,13 @@ $default-button-height: 4.0rem;
} }
} }
&.clear.button--only-icon:hover { &.clear {
background: var(--w-50); &.warning {
color: var(--y-800);
}
&.button--only-icon:hover {
background: var(--w-50);
&.secondary { &.secondary {
background: var(--s-50); background: var(--s-50);
@ -86,6 +90,7 @@ $default-button-height: 4.0rem;
background: var(--y-100); background: var(--y-100);
} }
} }
}
// Sizes // Sizes
&.tiny { &.tiny {

View file

@ -13,6 +13,7 @@
<woot-button <woot-button
class="button--note" class="button--note"
variant="clear" variant="clear"
color-scheme="warning"
:class="noteButtonClass" :class="noteButtonClass"
@click="handleNoteClick" @click="handleNoteClick"
> >
@ -146,7 +147,8 @@ export default {
border-radius: 0; border-radius: 0;
border-right: 1px solid var(--color-border); border-right: 1px solid var(--color-border);
&:hover { &:hover,
&:focus {
border-right: 1px solid var(--color-border); border-right: 1px solid var(--color-border);
} }
} }