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,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 {
|
||||||
|
|
|
@ -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);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue