diff options
| author | syuilo <syuilotan@yahoo.co.jp> | 2019-05-24 04:17:14 +0900 |
|---|---|---|
| committer | syuilo <syuilotan@yahoo.co.jp> | 2019-05-24 04:17:14 +0900 |
| commit | bcdab799d0dc4d9b0ad7ae8e2fb438fe84ae180c (patch) | |
| tree | 57e2ab8b65ae476234f187c21f4675b4a7dacb4f /src/client/app/mobile/views/components/notification.vue | |
| parent | Improve usability (diff) | |
| download | sharkey-bcdab799d0dc4d9b0ad7ae8e2fb438fe84ae180c.tar.gz sharkey-bcdab799d0dc4d9b0ad7ae8e2fb438fe84ae180c.tar.bz2 sharkey-bcdab799d0dc4d9b0ad7ae8e2fb438fe84ae180c.zip | |
:art:
Diffstat (limited to 'src/client/app/mobile/views/components/notification.vue')
| -rw-r--r-- | src/client/app/mobile/views/components/notification.vue | 16 |
1 files changed, 11 insertions, 5 deletions
diff --git a/src/client/app/mobile/views/components/notification.vue b/src/client/app/mobile/views/components/notification.vue index 62df76cba5..9dae95c9b1 100644 --- a/src/client/app/mobile/views/components/notification.vue +++ b/src/client/app/mobile/views/components/notification.vue @@ -5,7 +5,7 @@ <div> <header> <mk-reaction-icon :reaction="notification.reaction"/> - <router-link :to="notification.user | userPage"><mk-user-name :user="notification.user"/></router-link> + <router-link class="name" :to="notification.user | userPage"><mk-user-name :user="notification.user"/></router-link> <mk-time :time="notification.createdAt"/> </header> <router-link class="note-ref" :to="notification.note | notePage" :title="getNoteSummary(notification.note)"> @@ -21,7 +21,7 @@ <div> <header> <fa icon="retweet"/> - <router-link :to="notification.user | userPage"><mk-user-name :user="notification.user"/></router-link> + <router-link class="name" :to="notification.user | userPage"><mk-user-name :user="notification.user"/></router-link> <mk-time :time="notification.createdAt"/> </header> <router-link class="note-ref" :to="notification.note | notePage" :title="getNoteSummary(notification.note.renote)"> @@ -37,7 +37,7 @@ <div> <header> <fa icon="user-plus"/> - <router-link :to="notification.user | userPage"><mk-user-name :user="notification.user"/></router-link> + <router-link class="name" :to="notification.user | userPage"><mk-user-name :user="notification.user"/></router-link> <mk-time :time="notification.createdAt"/> </header> </div> @@ -48,7 +48,7 @@ <div> <header> <fa icon="user-clock"/> - <router-link :to="notification.user | userPage"><mk-user-name :user="notification.user"/></router-link> + <router-link class="name" :to="notification.user | userPage"><mk-user-name :user="notification.user"/></router-link> <mk-time :time="notification.createdAt"/> </header> </div> @@ -59,7 +59,7 @@ <div> <header> <fa icon="chart-pie"/> - <router-link :to="notification.user | userPage"><mk-user-name :user="notification.user"/></router-link> + <router-link class="name" :to="notification.user | userPage"><mk-user-name :user="notification.user"/></router-link> <mk-time :time="notification.createdAt"/> </header> <router-link class="note-ref" :to="notification.note | notePage" :title="getNoteSummary(notification.note)"> @@ -130,6 +130,12 @@ export default Vue.extend({ [data-icon], .mk-reaction-icon margin-right 4px + > .name + text-overflow ellipsis + white-space nowrap + min-width 0 + overflow hidden + > .mk-time margin-left auto color var(--noteHeaderInfo) |