avatars shadows, also allows drop-shadow use

This commit is contained in:
Henry Jameson 2018-11-30 16:39:07 +03:00
parent b45fc6c652
commit 406df4399b
11 changed files with 82 additions and 8 deletions

View file

@ -10,7 +10,7 @@
</a>
<div class='container'>
<router-link :to="{ name: 'user-profile', params: { id: user.id } }">
<StillImage class="avatar" :src="user.profile_image_url_original"/>
<StillImage class="avatar" :class='{ "better-shadow": betterShadow }' :src="user.profile_image_url_original"/>
</router-link>
<div class="name-and-screen-name">
<div :title="user.name" class='user-name' v-if="user.name_html" v-html="user.name_html"></div>
@ -159,6 +159,11 @@
box-shadow: var(--avatarShadow);
object-fit: cover;
&.better-shadow {
box-shadow: none;
filter: drop-shadow(var(--avatarStatusShadowFilter))
}
&.animated::before {
display: none;
}