via の表示を改善 (#3161)

This commit is contained in:
Xeltica 2018-11-08 13:54:59 +09:00 committed by syuilo
parent ecc2990451
commit f0686ad5df
2 changed files with 15 additions and 1 deletions

View file

@ -60,6 +60,7 @@
</div> </div>
</div> </div>
<footer> <footer>
<span class="app" v-if="note.app">via <b>{{ note.app.name }}</b></span>
<mk-reactions-viewer :note="p"/> <mk-reactions-viewer :note="p"/>
<button class="replyButton" @click="reply" title=""> <button class="replyButton" @click="reply" title="">
<template v-if="p.reply"><fa icon="reply-all"/></template> <template v-if="p.reply"><fa icon="reply-all"/></template>
@ -389,6 +390,12 @@ export default Vue.extend({
> footer > footer
font-size 1.2em font-size 1.2em
> .app
display block
font-size 0.8em
margin-left 0.5em
color var(--noteHeaderInfo)
> button > button
margin 0 28px 0 0 margin 0 28px 0 0
padding 8px padding 8px

View file

@ -24,7 +24,7 @@
<article> <article>
<mk-avatar class="avatar" :user="appearNote.user"/> <mk-avatar class="avatar" :user="appearNote.user"/>
<div class="main"> <div class="main">
<mk-note-header class="header" :note="appearNote"/> <mk-note-header class="header" :note="appearNote" :mini="mini"/>
<div class="body"> <div class="body">
<p v-if="appearNote.cw != null" class="cw"> <p v-if="appearNote.cw != null" class="cw">
<span class="text" v-if="appearNote.cw != ''">{{ appearNote.cw }}</span> <span class="text" v-if="appearNote.cw != ''">{{ appearNote.cw }}</span>
@ -47,6 +47,7 @@
</div> </div>
</div> </div>
<footer> <footer>
<span class="app" v-if="appearNote.app && mini">via <b>{{ appearNote.app.name }}</b></span>
<mk-reactions-viewer :note="appearNote" ref="reactionsViewer"/> <mk-reactions-viewer :note="appearNote" ref="reactionsViewer"/>
<button class="replyButton" @click="reply()" title="%i18n:@reply%"> <button class="replyButton" @click="reply()" title="%i18n:@reply%">
<template v-if="appearNote.reply"><fa icon="reply-all"/></template> <template v-if="appearNote.reply"><fa icon="reply-all"/></template>
@ -318,6 +319,12 @@ export default Vue.extend({
border-radius 8px border-radius 8px
> footer > footer
> .app
display block
margin-top 0.5em
margin-left 0.5em
color var(--noteHeaderInfo)
font-size 0.8em
> button > button
margin 0 28px 0 0 margin 0 28px 0 0
padding 0 8px padding 0 8px