diff --git a/src/components/avatar_list/avatar_list.vue b/src/components/avatar_list/avatar_list.vue
index a3bed515..fd6d8336 100644
--- a/src/components/avatar_list/avatar_list.vue
+++ b/src/components/avatar_list/avatar_list.vue
@@ -1,7 +1,7 @@
-
-
@@ -14,43 +14,31 @@
display: inline-flex; /* Causes LI items to display in row. */
list-style-type: none;
margin: 0;
- padding: 0px 20px 0px 0px;
- flex-direction: row;
- flex-wrap: wrap;
+ padding: 0px 15px 0px 0px;
+ flex-direction: row-reverse;
- &__item {
- height: 40px;
+ &-item {
+ height: 30px;
margin: 0;
padding: 0;
- width: 20px;
+ width: 15px;
- &:nth-child( 1 ) { z-index: 10 ; }
- &:nth-child( 2 ) { z-index: 9 ; }
- &:nth-child( 3 ) { z-index: 8 ; }
- &:nth-child( 4 ) { z-index: 7 ; }
- &:nth-child( 5 ) { z-index: 6 ; }
- &:nth-child( 6 ) { z-index: 5 ; }
- &:nth-child( 7 ) { z-index: 4 ; }
- &:nth-child( 8 ) { z-index: 3 ; }
- &:nth-child( 9 ) { z-index: 2 ; }
- &:nth-child( 10 ) { z-index: 1 ; }
-
- .avatars__img {
+ .avatars-img {
border-radius: 50%;
- height: 40px;
- width: 40px;
- line-height: 40px;
+ height: 30px;
+ width: 30px;
+ line-height: 30px;
background-color: $main-background;
}
}
}
.transparent-avatar {
- .avatars__item {
- &:last-child {
+ .avatars-item {
+ &:first-child {
position: relative;
- .avatars__img {
+ .avatars-img {
&::after {
content: '';
position: absolute;
diff --git a/src/components/status/status.js b/src/components/status/status.js
index eda96373..b275d4fa 100644
--- a/src/components/status/status.js
+++ b/src/components/status/status.js
@@ -259,11 +259,11 @@ const Status = {
}
return this.status.summary_html + '
+
' + this.status.statusnet_html
},
- favouritedByUsers () {
- return this.statusoid.favoritedBy ? this.statusoid.favoritedBy : []
- },
- rebloggedByUsers () {
- return this.statusoid.rebloggedBy ? this.statusoid.rebloggedBy : []
+ combinedFavsAndRepeatsAvatars () {
+ return [].concat(
+ this.statusoid.favoritedBy ? this.statusoid.favoritedBy : [],
+ this.statusoid.rebloggedBy ? this.statusoid.rebloggedBy : []
+ )
}
},
components: {
diff --git a/src/components/status/status.vue b/src/components/status/status.vue
index f67f849c..ce4b2554 100644
--- a/src/components/status/status.vue
+++ b/src/components/status/status.vue
@@ -133,6 +133,10 @@
Boosted By {{rebloggedByUsers.length}}:
-Favourited By {{favouritedByUsers.length}}:
-