diff options
| author | Shpuld Shpuldson <shpuld@gmail.com> | 2017-08-20 16:53:48 +0300 |
|---|---|---|
| committer | Shpuld Shpuldson <shpuld@gmail.com> | 2017-08-20 16:53:48 +0300 |
| commit | dbf2f1621e1bc9d790aa62b88fb7abed6a9acc6f (patch) | |
| tree | 71fda70aaefe7783a520c18b307f24c79054a668 | |
| parent | 47ab2b51cf174bd464724a8e745a6465c4da99e2 (diff) | |
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
| -rw-r--r-- | src/components/notifications/notifications.vue | 8 | ||||
| -rw-r--r-- | src/components/status/status.vue | 11 |
2 files changed, 10 insertions, 9 deletions
diff --git a/src/components/notifications/notifications.vue b/src/components/notifications/notifications.vue index c9113bc4..2ad7c488 100644 --- a/src/components/notifications/notifications.vue +++ b/src/components/notifications/notifications.vue @@ -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> diff --git a/src/components/status/status.vue b/src/components/status/status.vue index e582a80d..f8be00f5 100644 --- a/src/components/status/status.vue +++ b/src/components/status/status.vue @@ -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 { |