PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Update crypto event icon to match rest of app styling

Browse source 
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
This commit is contained in:
Michael Telatynski 2020-07-20 14:05:07 +01:00
parent 58532f2ac4
commit 519ebdb67a
3 changed files with 11 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
res/css/views/messages/_common_CryptoEvent.scss
View file

@ -15,7 +15,6 @@ limitations under the License.
*/ */
.mx_cryptoEvent { .mx_cryptoEvent {
display: grid; display: grid;
grid-template-columns: 24px minmax(0, 1fr) min-content; grid-template-columns: 24px minmax(0, 1fr) min-content;
@ -25,9 +24,15 @@ limitations under the License.
width: 16px; width: 16px;
height: 16px; height: 16px;
content: ""; content: "";
background-image: url("$(res)/img/e2e/normal.svg"); top: 0;
background-repeat: no-repeat; bottom: 0;
background-size: 100%; left: 0;
right: 0;
mask-repeat: no-repeat;
mask-position: center;
mask-size: contain;
mask-image: url('$(res)/img/e2e/normal.svg');
background-color: $composer-e2e-icon-color;
margin-top: 4px; margin-top: 4px;
} }

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

@ -42,7 +42,7 @@ limitations under the License.
// white infill for the transparency // white infill for the transparency
.mx_E2EIcon::before { .mx_E2EIcon::before {
background-color: #ffffff; background-color: #ffffff;
mask: url('$(res)/img/e2e/normal.svg'); mask-image: url('$(res)/img/e2e/normal.svg');
mask-repeat: no-repeat; mask-repeat: no-repeat;
mask-position: center; mask-position: center;
mask-size: 90%; mask-size: 90%;

2
res/css/views/rooms/_EventTile.scss
View file

@ -355,7 +355,7 @@ $left-gutter: 64px;
&::before { &::before {
background-color: #ffffff; background-color: #ffffff;
mask: url('$(res)/img/e2e/normal.svg'); mask-image: url('$(res)/img/e2e/normal.svg');
mask-repeat: no-repeat; mask-repeat: no-repeat;
mask-position: center; mask-position: center;
mask-size: 90%; mask-size: 90%;