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

View file

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