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

View file

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

View file

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