diff options
| author | Henry Jameson <me@hjkos.com> | 2020-10-17 21:26:13 +0300 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2020-10-17 21:26:13 +0300 |
| commit | a664fde02f5f5eec96bbcaa2b6f19e1694541e76 (patch) | |
| tree | 251b21d50cb6e0dbc8a4d8082989266aca6c8e54 /src/components/user_avatar/user_avatar.vue | |
| parent | 29ff0be92cfd87ba95d1f78323794dfb1223b514 (diff) | |
| parent | 76a9a51620c01257492a450f6cd0a6f98a885dce (diff) | |
Merge remote-tracking branch 'origin/develop' into settings-changed
* origin/develop:
fix fontello
Translated using Weblate (Russian)
Translated using Weblate (Italian)
lint fix
fixed copy-pasting leftovers
improved algorithm, possibly speed too
fix 8x spaces inside this paren
feat/reorder-emojis-by-position-of-keyword
rename to gravestone
Apply 1 suggestion(s) to 1 file(s)
change i18n phrasing
separate reply button to its own component, add changelog entry
add basic deletes support that works with masto WS
Diffstat (limited to 'src/components/user_avatar/user_avatar.vue')
| -rw-r--r-- | src/components/user_avatar/user_avatar.vue | 11 |
1 files changed, 11 insertions, 0 deletions
diff --git a/src/components/user_avatar/user_avatar.vue b/src/components/user_avatar/user_avatar.vue index e4e4127c..eb3d375e 100644 --- a/src/components/user_avatar/user_avatar.vue +++ b/src/components/user_avatar/user_avatar.vue @@ -1,5 +1,6 @@ <template> <StillImage + v-if="user" class="Avatar" :alt="user.screen_name" :title="user.screen_name" @@ -7,6 +8,11 @@ :class="{ 'avatar-compact': compact, 'better-shadow': betterShadow }" :image-load-error="imageLoadError" /> + <div + v-else + class="Avatar -placeholder" + :class="{ 'avatar-compact': compact }" + /> </template> <script src="./user_avatar.js"></script> @@ -42,5 +48,10 @@ border-radius: $fallback--avatarAltRadius; border-radius: var(--avatarAltRadius, $fallback--avatarAltRadius); } + + &.-placeholder { + background-color: $fallback--fg; + background-color: var(--fg, $fallback--fg); + } } </style> |