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,24 +66,29 @@ $default-button-height: 4.0rem;
}
}
&.clear.button--only-icon:hover {
background: var(--w-50);
&.secondary {
background: var(--s-50);
}
&.success {
background: var(--g-50);
}
&.alert {
background: var(--r-50);
}
&.clear {
&.warning {
background: var(--y-100);
color: var(--y-800);
}
&.button--only-icon:hover {
background: var(--w-50);
&.secondary {
background: var(--s-50);
}
&.success {
background: var(--g-50);
}
&.alert {
background: var(--r-50);
}
&.warning {
background: var(--y-100);
}
}
}

View file

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