Adjust the clickable area of notif avatar to not contain everything below it, adjust the status avatar to not have ghost border on top/right

This commit is contained in:
Shpuld Shpuldson 2017-08-20 16:53:48 +03:00
parent 47ab2b51cf
commit dbf2f1621e
2 changed files with 10 additions and 9 deletions
src/components
notifications
status

View file

@ -8,9 +8,11 @@
</div>
<div class="panel-body base03-border">
<div v-for="notification in visibleNotifications" :key="notification" class="notification" :class='{"unseen": !notification.seen}'>
<a :href="notification.action.user.statusnet_profile_url">
<img class='avatar' :src="notification.action.user.profile_image_url_original">
</a>
<div>
<a :href="notification.action.user.statusnet_profile_url" target="_blank">
<img class='avatar' :src="notification.action.user.profile_image_url_original">
</a>
</div>
<div class='text' style="width: 100%;">
<div v-if="notification.type === 'favorite'">
<h1>

View file

@ -194,12 +194,11 @@
}
.media-left {
img {
margin-top: 0.2em;
float: right;
margin-right: 0.3em;
border-radius: 5px;
}
margin: 0.2em 0.3em 0 0;
img {
float: right;
border-radius: 5px;
}
}
.retweet-info {