mirrors/signal-desktop
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

Fix background bleed through on color bubbles

Browse source
This commit is contained in:
Josh Perez 2021-10-01 12:16:44 -04:00 • committed by GitHub
parent f07decac5a
commit e033fd2cf3
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
stylesheets/components/ChatColorPicker.scss
View file

@ -30,7 +30,6 @@
&__bubble { &__bubble {
align-items: center; align-items: center;
background-color: $color-gray-05;
display: flex; display: flex;
justify-content: center; justify-content: center;
@include color-bubble($bubble-size); @include color-bubble($bubble-size);
@ -60,6 +59,10 @@
); );
} }
} }
&--custom {
background-color: $color-gray-05;
}
} }
&__add-icon { &__add-icon {

2
ts/components/ChatColorPicker.tsx
View file

@ -223,7 +223,7 @@ export const ChatColorPicker = ({
})} })}
<div <div
aria-label={i18n('ChatColorPicker__custom-color--label')} aria-label={i18n('ChatColorPicker__custom-color--label')}
className="ChatColorPicker__bubble" className="ChatColorPicker__bubble ChatColorPicker__bubble--custom"
onClick={() => onClick={() =>
setCustomColorToEdit({ id: undefined, value: undefined }) setCustomColorToEdit({ id: undefined, value: undefined })
} }