me/glitchier-soc
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

[Glitch] Fix transparent avatars showing underlying elements in avatar stack and profile

Browse source 
Port 9a12568a33 to glitch-soc
This commit is contained in:
Eugen Rochko 2019-03-30 01:13:19 +01:00 committed by Thibaut Girka
parent 2393504c23
commit a547a214fd
3 changed files with 2 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
app/javascript/flavours/glitch/styles/_mixins.scss
View file

@ -1,6 +1,5 @@
@mixin avatar-radius() { @mixin avatar-radius() {
border-radius: $ui-avatar-border-size; border-radius: $ui-avatar-border-size;
background: transparent no-repeat;
background-position: 50%; background-position: 50%;
background-clip: padding-box; background-clip: padding-box;
} }

1
app/javascript/flavours/glitch/styles/components/accounts.scss
View file

@ -550,6 +550,7 @@
margin-left: -2px; margin-left: -2px;
.account__avatar { .account__avatar {
background: darken($ui-base-color, 8%);
border: 2px solid lighten($ui-base-color, 4%); border: 2px solid lighten($ui-base-color, 4%);
} }
} }

1
app/javascript/flavours/glitch/styles/widgets.scss
View file

@ -352,6 +352,7 @@
border-radius: 50%; border-radius: 50%;
position: relative; position: relative;
margin-left: -10px; margin-left: -10px;
background: darken($ui-base-color, 8%);
border: 2px solid $ui-base-color; border: 2px solid $ui-base-color;
&:nth-child(1) { &:nth-child(1) {