diff options
| author | Eugen Rochko <eugen@zeonfederated.com> | 2019-03-30 01:13:19 +0100 |
|---|---|---|
| committer | Thibaut Girka <thib@sitedethib.com> | 2019-03-30 18:19:40 +0100 |
| commit | b9b472d519acc83f231b87c8e9287aecf9720f62 (patch) | |
| tree | 36d98f032c43c9797080168ad85513e029a7377c | |
| parent | 59551ece31dede539d893e020c59a67b40f7ecdc (diff) | |
[Glitch] Fix transparent avatars showing underlying elements in avatar stack and profile
Port 79227d153b86144e9a8cc73f1d4045973eabc9ef to glitch-soc
| -rw-r--r-- | app/javascript/flavours/glitch/styles/_mixins.scss | 1 | ||||
| -rw-r--r-- | app/javascript/flavours/glitch/styles/components/accounts.scss | 1 | ||||
| -rw-r--r-- | app/javascript/flavours/glitch/styles/widgets.scss | 1 |
3 files changed, 2 insertions, 1 deletions
diff --git a/app/javascript/flavours/glitch/styles/_mixins.scss b/app/javascript/flavours/glitch/styles/_mixins.scss index 586802185..d542b1083 100644 --- a/app/javascript/flavours/glitch/styles/_mixins.scss +++ b/app/javascript/flavours/glitch/styles/_mixins.scss @@ -1,6 +1,5 @@ @mixin avatar-radius() { border-radius: $ui-avatar-border-size; - background: transparent no-repeat; background-position: 50%; background-clip: padding-box; } diff --git a/app/javascript/flavours/glitch/styles/components/accounts.scss b/app/javascript/flavours/glitch/styles/components/accounts.scss index 0daef4d35..00380c575 100644 --- a/app/javascript/flavours/glitch/styles/components/accounts.scss +++ b/app/javascript/flavours/glitch/styles/components/accounts.scss @@ -550,6 +550,7 @@ margin-left: -2px; .account__avatar { + background: darken($ui-base-color, 8%); border: 2px solid lighten($ui-base-color, 4%); } } diff --git a/app/javascript/flavours/glitch/styles/widgets.scss b/app/javascript/flavours/glitch/styles/widgets.scss index 645192ea4..307e509d5 100644 --- a/app/javascript/flavours/glitch/styles/widgets.scss +++ b/app/javascript/flavours/glitch/styles/widgets.scss @@ -352,6 +352,7 @@ border-radius: 50%; position: relative; margin-left: -10px; + background: darken($ui-base-color, 8%); border: 2px solid $ui-base-color; &:nth-child(1) { |