imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

remove white background on ! and ✅ so it looks better on dark theme

Browse source
This commit is contained in:
Bruno Windels 2019-11-19 12:51:46 +01:00
parent de15965c4a
commit 39939de04f
1 changed files with 0 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

27
res/css/views/rooms/_E2EIcon.scss
View file

@ -22,21 +22,6 @@ limitations under the License.
display: block; display: block;
} }
.mx_E2EIcon_verified::before, .mx_E2EIcon_warning::before {
content: "";
display: block;
/* the symbols in the shield icons are cut out to make it themeable with css masking.
if they appear on a different background than white, the symbol wouldn't be white though, so we
add a rectangle here below the masked element to shine through the symbol cut-out.
hardcoding white and not using a theme variable as this would probably be white for any theme. */
background-color: white;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mx_E2EIcon_verified::after, .mx_E2EIcon_warning::after { .mx_E2EIcon_verified::after, .mx_E2EIcon_warning::after {
content: ""; content: "";
display: block; display: block;
@ -49,23 +34,11 @@ limitations under the License.
mask-size: contain; mask-size: contain;
} }
.mx_E2EIcon_verified::before {
/* white rectangle below checkmark of shield */
margin: 25% 28% 38% 25%;
}
.mx_E2EIcon_verified::after { .mx_E2EIcon_verified::after {
mask-image: url('$(res)/img/e2e/verified.svg'); mask-image: url('$(res)/img/e2e/verified.svg');
background-color: $accent-color; background-color: $accent-color;
} }
.mx_E2EIcon_warning::before {
/* white rectangle below "!" of shield */
margin: 18% 40% 25% 40%;
}
.mx_E2EIcon_warning::after { .mx_E2EIcon_warning::after {
mask-image: url('$(res)/img/e2e/warning.svg'); mask-image: url('$(res)/img/e2e/warning.svg');
background-color: $warning-color; background-color: $warning-color;