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:
parent
7986d61b6f
commit
6ae06f2c7a
2 changed files with 25 additions and 18 deletions
|
@ -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);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -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);
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue