wip
This commit is contained in:
@@ -3,14 +3,14 @@
|
||||
<img class="avatar" src={ notification.user.avatar_url + '?thumbnail&size=64' } alt="avatar"/>
|
||||
<div class="text">
|
||||
<p><mk-reaction-icon reaction={ notification.reaction }/>{ notification.user.name }</p>
|
||||
<p class="post-ref">{ getPostSummary(notification.post) }</p>
|
||||
<p class="post-ref">%fa:quote-left%{ getPostSummary(notification.post) }%fa:quote-right%</p>
|
||||
</div>
|
||||
</virtual>
|
||||
<virtual if={ notification.type == 'repost' }>
|
||||
<img class="avatar" src={ notification.post.user.avatar_url + '?thumbnail&size=64' } alt="avatar"/>
|
||||
<div class="text">
|
||||
<p>%fa:retweet%{ notification.post.user.name }</p>
|
||||
<p class="post-ref">{ getPostSummary(notification.post.repost) }</p>
|
||||
<p class="post-ref">%fa:quote-left%{ getPostSummary(notification.post.repost) }%fa:quote-right%</p>
|
||||
</div>
|
||||
</virtual>
|
||||
<virtual if={ notification.type == 'quote' }>
|
||||
@@ -44,7 +44,7 @@
|
||||
<img class="avatar" src={ notification.user.avatar_url + '?thumbnail&size=64' } alt="avatar"/>
|
||||
<div class="text">
|
||||
<p>%fa:chart-pie%{ notification.user.name }</p>
|
||||
<p class="post-ref">{ getPostSummary(notification.post) }</p>
|
||||
<p class="post-ref">%fa:quote-left%{ getPostSummary(notification.post) }%fa:quote-right%</p>
|
||||
</div>
|
||||
</virtual>
|
||||
<style>
|
||||
@@ -82,20 +82,13 @@
|
||||
|
||||
.post-ref
|
||||
|
||||
&:before, &:after
|
||||
font-family FontAwesome
|
||||
[data-fa]
|
||||
font-size 1em
|
||||
font-weight normal
|
||||
font-style normal
|
||||
display inline-block
|
||||
margin-right 3px
|
||||
|
||||
&:before
|
||||
content "\f10d"
|
||||
|
||||
&:after
|
||||
content "\f10e"
|
||||
|
||||
&.repost, &.quote
|
||||
.text p i
|
||||
color #77B255
|
||||
|
@@ -9,7 +9,9 @@
|
||||
<mk-reaction-icon reaction={ notification.reaction }/>
|
||||
<a href={ '/' + notification.user.username }>{ notification.user.name }</a>
|
||||
</p>
|
||||
<a class="post-ref" href={ '/' + notification.post.user.username + '/' + notification.post.id }>{ getPostSummary(notification.post) }</a>
|
||||
<a class="post-ref" href={ '/' + notification.post.user.username + '/' + notification.post.id }>
|
||||
%fa:quote-left%{ getPostSummary(notification.post) }%fa:quote-right%
|
||||
</a>
|
||||
</div>
|
||||
</virtual>
|
||||
<virtual if={ notification.type == 'repost' }>
|
||||
@@ -21,7 +23,9 @@
|
||||
%fa:retweet%
|
||||
<a href={ '/' + notification.post.user.username }>{ notification.post.user.name }</a>
|
||||
</p>
|
||||
<a class="post-ref" href={ '/' + notification.post.user.username + '/' + notification.post.id }>{ getPostSummary(notification.post.repost) }</a>
|
||||
<a class="post-ref" href={ '/' + notification.post.user.username + '/' + notification.post.id }>
|
||||
%fa:quote-left%{ getPostSummary(notification.post.repost) }%fa:quote-right%
|
||||
</a>
|
||||
</div>
|
||||
</virtual>
|
||||
<virtual if={ notification.type == 'quote' }>
|
||||
@@ -80,7 +84,9 @@
|
||||
%fa:chart-pie%
|
||||
<a href={ '/' + notification.user.username }>{ notification.user.name }</a>
|
||||
</p>
|
||||
<a class="post-ref" href={ '/' + notification.post.user.username + '/' + notification.post.id }>{ getPostSummary(notification.post) }</a>
|
||||
<a class="post-ref" href={ '/' + notification.post.user.username + '/' + notification.post.id }>
|
||||
%fa:quote-left%{ getPostSummary(notification.post) }%fa:quote-right%
|
||||
</a>
|
||||
</div>
|
||||
</virtual>
|
||||
<style>
|
||||
@@ -132,20 +138,13 @@
|
||||
.post-ref
|
||||
color rgba(0, 0, 0, 0.7)
|
||||
|
||||
&:before, &:after
|
||||
font-family FontAwesome
|
||||
[data-fa]
|
||||
font-size 1em
|
||||
font-weight normal
|
||||
font-style normal
|
||||
display inline-block
|
||||
margin-right 3px
|
||||
|
||||
&:before
|
||||
content "\f10d"
|
||||
|
||||
&:after
|
||||
content "\f10e"
|
||||
|
||||
&.repost, &.quote
|
||||
.text p i
|
||||
color #77B255
|
||||
|
@@ -126,7 +126,7 @@
|
||||
margin 0 8px 0 0
|
||||
border-radius 6px
|
||||
|
||||
i
|
||||
[data-fa]
|
||||
margin-right 4px
|
||||
|
||||
.name
|
||||
@@ -208,16 +208,6 @@
|
||||
@media (min-width 500px)
|
||||
font-size 24px
|
||||
|
||||
.link
|
||||
&:after
|
||||
content "\f14c"
|
||||
display inline-block
|
||||
padding-left 2px
|
||||
font-family FontAwesome
|
||||
font-size .9em
|
||||
font-weight 400
|
||||
font-style normal
|
||||
|
||||
> mk-url-preview
|
||||
margin-top 8px
|
||||
|
||||
|
@@ -59,7 +59,7 @@
|
||||
span
|
||||
margin 0 16px
|
||||
|
||||
i
|
||||
[data-fa]
|
||||
margin-right 8px
|
||||
|
||||
> footer
|
||||
@@ -242,7 +242,7 @@
|
||||
margin 0 8px 0 0
|
||||
border-radius 6px
|
||||
|
||||
i
|
||||
[data-fa]
|
||||
margin-right 4px
|
||||
|
||||
.name
|
||||
@@ -361,16 +361,6 @@
|
||||
> .dummy
|
||||
display none
|
||||
|
||||
.link
|
||||
&:after
|
||||
content "\f14c"
|
||||
display inline-block
|
||||
padding-left 2px
|
||||
font-family FontAwesome
|
||||
font-size .9em
|
||||
font-weight 400
|
||||
font-style normal
|
||||
|
||||
mk-url-preview
|
||||
margin-top 8px
|
||||
|
||||
|
Reference in New Issue
Block a user