diff options
| author | Roger Braun <roger@rogerbraun.net> | 2017-05-22 13:50:10 +0200 |
|---|---|---|
| committer | Roger Braun <roger@rogerbraun.net> | 2017-05-22 13:50:10 +0200 |
| commit | d389d3a7633f88933586b9660b4ad3510b7f98ee (patch) | |
| tree | 1cd0babc1f263963873902aa22e011b2d09cd064 | |
| parent | 76624c9e4ba2dd648af0effdfe14c24b4e858f8f (diff) | |
Copy cool retweet look.
| -rw-r--r-- | src/components/status/status.vue | 21 |
1 files changed, 19 insertions, 2 deletions
diff --git a/src/components/status/status.vue b/src/components/status/status.vue index db33a200..8886b551 100644 --- a/src/components/status/status.vue +++ b/src/components/status/status.vue @@ -19,7 +19,8 @@ <div class="media status container"> <div class="media-left"> <a :href="status.user.statusnet_profile_url"> - <img @click.prevent="toggleUserExpanded" class='avatar' :src="status.user.profile_image_url_original"> + <img @click.prevent="toggleUserExpanded" :class="{retweeted: retweet}" class='avatar' :src="status.user.profile_image_url_original"> + <img v-if="retweet" class='avatar-retweeter' :src="statusoid.user.profile_image_url_original"></img> </a> </div> <div class="media-body"> @@ -147,7 +148,23 @@ } .status .avatar { - width: 48px; + width: 48px; + height: 48px; + + &.retweeted { + width: 40px; + height: 40px; + margin-right: 8px; + margin-bottom: 8px; + } + } + + .status img.avatar-retweeter { + width: 24px; + height: 24px; + position: absolute; + margin-left: 24px; + margin-top: 24px; } .status.compact .avatar { |