Fix class ordering issues related to avatar

This commit is contained in:
taehoon 2019-02-02 15:50:25 -05:00
parent 0b66a43a83
commit 4833f79cc2
2 changed files with 4 additions and 8 deletions

View file

@ -405,7 +405,7 @@
padding: 0.4em 0.6em 0 0.6em;
margin: 0;
.avatar {
.avatar.still-image {
border-radius: $fallback--avatarAltRadius;
border-radius: var(--avatarAltRadius, $fallback--avatarAltRadius);
margin-left: 28px;
@ -546,7 +546,7 @@ a.unmute {
@media all and (max-width: 800px) {
.status-el {
.retweet-info {
.avatar {
.avatar.still-image {
margin-left: 20px;
}
}
@ -555,7 +555,7 @@ a.unmute {
max-width: 100%;
}
.status .avatar {
.status .avatar.still-image {
width: 40px;
height: 40px;

View file

@ -1,7 +1,7 @@
<template>
<div class="card">
<a href="#">
<UserAvatar @click.prevent="toggleUserExpanded" :src="user.profile_image_url"/>
<UserAvatar :compact="true" @click.prevent="toggleUserExpanded" :src="user.profile_image_url"/>
</a>
<div class="usercard" v-if="userExpanded">
<user-card-content :user="user" :switcher="false"></user-card-content>
@ -70,10 +70,6 @@
.avatar {
margin-top: 0.2em;
width:32px;
height: 32px;
border-radius: $fallback--avatarAltRadius;
border-radius: var(--avatarAltRadius, $fallback--avatarAltRadius);
}
}