Fix background bleed through on color bubbles
This commit is contained in:
parent
f07decac5a
commit
e033fd2cf3
2 changed files with 5 additions and 2 deletions
|
@ -30,7 +30,6 @@
|
|||
|
||||
&__bubble {
|
||||
align-items: center;
|
||||
background-color: $color-gray-05;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
@include color-bubble($bubble-size);
|
||||
|
@ -60,6 +59,10 @@
|
|||
);
|
||||
}
|
||||
}
|
||||
|
||||
&--custom {
|
||||
background-color: $color-gray-05;
|
||||
}
|
||||
}
|
||||
|
||||
&__add-icon {
|
||||
|
|
|
@ -223,7 +223,7 @@ export const ChatColorPicker = ({
|
|||
})}
|
||||
<div
|
||||
aria-label={i18n('ChatColorPicker__custom-color--label')}
|
||||
className="ChatColorPicker__bubble"
|
||||
className="ChatColorPicker__bubble ChatColorPicker__bubble--custom"
|
||||
onClick={() =>
|
||||
setCustomColorToEdit({ id: undefined, value: undefined })
|
||||
}
|
||||
|
|
Loading…
Add table
Reference in a new issue