mirror/misskey
1
0
Fork 0
mirror of https://github.com/misskey-dev/misskey synced 2024-12-01 16:28:33 +09:00
Code

🎨

Browse Source
This commit is contained in:
syuilo 2019-05-24 04:17:14 +09:00
parent 50251955cd
commit bcdab799d0
No known key found for this signature in database
GPG Key ID: BDC4C49D06AB9D69
1 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/client/app/mobile/views/components/notification.vue
View File

@ -5,7 +5,7 @@
<div> <div>
<header> <header>
<mk-reaction-icon :reaction="notification.reaction"/> <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"/> <mk-time :time="notification.createdAt"/>
</header> </header>
<router-link class="note-ref" :to="notification.note | notePage" :title="getNoteSummary(notification.note)"> <router-link class="note-ref" :to="notification.note | notePage" :title="getNoteSummary(notification.note)">
@ -21,7 +21,7 @@
<div> <div>
<header> <header>
<fa icon="retweet"/> <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"/> <mk-time :time="notification.createdAt"/>
</header> </header>
<router-link class="note-ref" :to="notification.note | notePage" :title="getNoteSummary(notification.note.renote)"> <router-link class="note-ref" :to="notification.note | notePage" :title="getNoteSummary(notification.note.renote)">
@ -37,7 +37,7 @@
<div> <div>
<header> <header>
<fa icon="user-plus"/> <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"/> <mk-time :time="notification.createdAt"/>
</header> </header>
</div> </div>
@ -48,7 +48,7 @@
<div> <div>
<header> <header>
<fa icon="user-clock"/> <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"/> <mk-time :time="notification.createdAt"/>
</header> </header>
</div> </div>
@ -59,7 +59,7 @@
<div> <div>
<header> <header>
<fa icon="chart-pie"/> <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"/> <mk-time :time="notification.createdAt"/>
</header> </header>
<router-link class="note-ref" :to="notification.note | notePage" :title="getNoteSummary(notification.note)"> <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 [data-icon], .mk-reaction-icon
margin-right 4px margin-right 4px
> .name
text-overflow ellipsis
white-space nowrap
min-width 0
overflow hidden
> .mk-time > .mk-time
margin-left auto margin-left auto
color var(--noteHeaderInfo) color var(--noteHeaderInfo)