diff options
| author | shpuld <shp@cock.li> | 2018-04-10 19:25:24 +0300 |
|---|---|---|
| committer | shpuld <shp@cock.li> | 2018-04-10 19:25:24 +0300 |
| commit | 6a5116c349509c160c424b6e0fe8c17ece9a3417 (patch) | |
| tree | 56c57c4e5af72a3eadad64609cb42689347f6b45 /src/components/notification/notification.vue | |
| parent | 8835c98529809033993b190847989f11b318cf97 (diff) | |
Fixes to notification style issues mostly
Diffstat (limited to 'src/components/notification/notification.vue')
| -rw-r--r-- | src/components/notification/notification.vue | 34 |
1 files changed, 18 insertions, 16 deletions
diff --git a/src/components/notification/notification.vue b/src/components/notification/notification.vue index 74563ff9..eed598a8 100644 --- a/src/components/notification/notification.vue +++ b/src/components/notification/notification.vue @@ -1,33 +1,35 @@ <template> <status v-if="notification.type === 'mention'" :compact="true" :statusoid="notification.status"></status> <div class="non-mention" v-else> - <a :href="notification.action.user.statusnet_profile_url" @click.stop.prevent.capture="toggleUserExpanded"> + <a class='avatar-container' :href="notification.action.user.statusnet_profile_url" @click.stop.prevent.capture="toggleUserExpanded"> <StillImage class='avatar-compact' :src="notification.action.user.profile_image_url_original"/> </a> <div class='notification-right'> - <div class="base03-border usercard" v-if="userExpanded"> + <div class="usercard notification-usercard" v-if="userExpanded"> <user-card-content :user="notification.action.user" :switcher="false"></user-card-content> </div> <span class="notification-details"> - <span class="username" :title="'@'+notification.action.user.screen_name">{{ notification.action.user.name }}</span> - <span v-if="notification.type === 'favorite'"> - <i class="fa icon-star lit"></i> - <small>{{$t('notifications.favorited_you')}}</small> - </span> - <span v-if="notification.type === 'repeat'"> - <i class="fa icon-retweet lit"></i> - <small>{{$t('notifications.repeated_you')}}</small> - </span> - <span v-if="notification.type === 'follow'"> - <i class="fa icon-user-plus lit"></i> - <small>{{$t('notifications.followed_you')}}</small> - </span> + <div class="name-and-action"> + <span class="username" :title="'@'+notification.action.user.screen_name">{{ notification.action.user.name }}</span> + <span v-if="notification.type === 'favorite'"> + <i class="fa icon-star lit"></i> + <small>{{$t('notifications.favorited_you')}}</small> + </span> + <span v-if="notification.type === 'repeat'"> + <i class="fa icon-retweet lit"></i> + <small>{{$t('notifications.repeated_you')}}</small> + </span> + <span v-if="notification.type === 'follow'"> + <i class="fa icon-user-plus lit"></i> + <small>{{$t('notifications.followed_you')}}</small> + </span> + </div> <small class="timeago"><router-link :to="{ name: 'conversation', params: { id: notification.status.id } }"><timeago :since="notification.action.created_at" :auto-update="240"></timeago></router-link></small> </span> <div class="follow-text" v-if="notification.type === 'follow'"> <router-link :to="{ name: 'user-profile', params: { id: notification.action.user.id } }">@{{notification.action.user.screen_name}}</router-link> </div> - <status v-else class="base04" :compact="true" :statusoid="notification.status" :noHeading="true"></status> + <status v-else class="faint" :compact="true" :statusoid="notification.status" :noHeading="true"></status> </div> </div> </template> |