fix overflow behavior

This commit is contained in:
shpuld 2019-04-22 21:07:29 +03:00
parent d417945427
commit 3e23b34168
2 changed files with 9 additions and 15 deletions

View File

@ -1,9 +1,9 @@
<template> <template>
<ul class="avatars"> <div class="avatars">
<li class="avatars-item" v-for="avatar in slicedAvatars"> <div class="avatars-item" v-for="avatar in slicedAvatars">
<UserAvatar :src="avatar.profile_image_url" class="avatar-small" /> <UserAvatar :src="avatar.profile_image_url" class="avatar-small" />
</li> </div>
</ul> </div>
</template> </template>
<script src="./avatar_list.js" ></script> <script src="./avatar_list.js" ></script>
@ -20,11 +20,11 @@
flex-wrap: wrap; flex-wrap: wrap;
height: 24px; height: 24px;
li.avatars-item { .avatars-item {
margin: 0 0 5px 5px; margin: 0 0 5px 5px;
&:first-child { &:first-child {
padding-left: 10px; padding-left: 5px;
} }
.avatar-small { .avatar-small {

View File

@ -639,15 +639,13 @@ a.unmute {
line-height: 1em; line-height: 1em;
.stat-count { .stat-count {
margin-right: 0.8em; margin-right: $status-margin;
.stat-title { .stat-title {
color: var(--faint, $fallback--faint); color: var(--faint, $fallback--faint);
font-size: 12px; font-size: 12px;
text-transform: uppercase; text-transform: uppercase;
position: relative; position: relative;
margin-bottom: 3px;
line-height: 1em;
} }
.stat-number { .stat-number {
@ -661,6 +659,8 @@ a.unmute {
flex: 1; flex: 1;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
display: flex;
align-items: center;
&::before { &::before {
content: ''; content: '';
@ -671,12 +671,6 @@ a.unmute {
background-color: var(--faint, $fallback--faint); background-color: var(--faint, $fallback--faint);
} }
} }
li {
display: flex;
flex-direction: column;
justify-content: center;
}
} }
} }