[Client:Mobile] いい感じにした
This commit is contained in:
parent
9da00b9947
commit
e002339e43
|
@ -17,12 +17,17 @@
|
||||||
</a>
|
</a>
|
||||||
</header>
|
</header>
|
||||||
<div class="body">
|
<div class="body">
|
||||||
<div class="text"><a class="reply" if={ p.reply_to }><i class="fa fa-reply"></i></a>
|
<div class="text" ref="text">
|
||||||
<soan ref="text"></soan><a class="quote" if={ p.repost != null }>RP:</a>
|
<a class="reply" if={ p.reply_to }>
|
||||||
|
<i class="fa fa-reply"></i>
|
||||||
|
</a>
|
||||||
|
<p>DUMMY</p>
|
||||||
|
<a class="quote" if={ p.repost != null }>RP:</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="media" if={ p.media }>
|
<div class="media" if={ p.media }>
|
||||||
<mk-images-viewer images={ p.media }></mk-images-viewer>
|
<mk-images-viewer images={ p.media }></mk-images-viewer>
|
||||||
</div>
|
</div>
|
||||||
|
<span class="app" if={ p.app }>via <b>{ p.app.name }</b></span>
|
||||||
<div class="repost" if={ p.repost }><i class="fa fa-quote-right fa-flip-horizontal"></i>
|
<div class="repost" if={ p.repost }><i class="fa fa-quote-right fa-flip-horizontal"></i>
|
||||||
<mk-post-preview class="repost" post={ p.repost }></mk-post-preview>
|
<mk-post-preview class="repost" post={ p.repost }></mk-post-preview>
|
||||||
</div>
|
</div>
|
||||||
|
@ -180,17 +185,18 @@
|
||||||
color #c0c0c0
|
color #c0c0c0
|
||||||
|
|
||||||
> .body
|
> .body
|
||||||
overflow hidden
|
|
||||||
|
|
||||||
> .text
|
> .text
|
||||||
cursor default
|
cursor default
|
||||||
display block
|
display block
|
||||||
margin 0
|
margin 0
|
||||||
padding 0
|
padding 0
|
||||||
word-wrap break-word
|
|
||||||
font-size 1.1em
|
font-size 1.1em
|
||||||
color #717171
|
color #717171
|
||||||
|
|
||||||
|
&, *
|
||||||
|
word-wrap break-word
|
||||||
|
|
||||||
mk-url-preview
|
mk-url-preview
|
||||||
margin-top 8px
|
margin-top 8px
|
||||||
|
|
||||||
|
@ -203,11 +209,25 @@
|
||||||
font-style oblique
|
font-style oblique
|
||||||
color #a0bf46
|
color #a0bf46
|
||||||
|
|
||||||
|
pre
|
||||||
|
padding 16px
|
||||||
|
overflow auto
|
||||||
|
font-size 80%
|
||||||
|
color #525252
|
||||||
|
background #f8f8f8
|
||||||
|
border-radius 2px
|
||||||
|
|
||||||
|
> code
|
||||||
|
font-family Consolas, 'Courier New', Courier, Monaco, monospace
|
||||||
|
|
||||||
> .media
|
> .media
|
||||||
> img
|
> img
|
||||||
display block
|
display block
|
||||||
max-width 100%
|
max-width 100%
|
||||||
|
|
||||||
|
> .app
|
||||||
|
color #ccc
|
||||||
|
|
||||||
> .repost
|
> .repost
|
||||||
margin 8px 0
|
margin 8px 0
|
||||||
|
|
||||||
|
@ -266,7 +286,7 @@
|
||||||
then @analyze @p._highlight
|
then @analyze @p._highlight
|
||||||
else @analyze @p.text
|
else @analyze @p.text
|
||||||
|
|
||||||
@refs.text.innerHTML = if @p._highlight?
|
@refs.text.innerHTML = @refs.text.innerHTML.replace \<p>DUMMY</p> if @p._highlight?
|
||||||
then @compile tokens, true, false
|
then @compile tokens, true, false
|
||||||
else @compile tokens
|
else @compile tokens
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue