Expand reply/boost/fav only on desktop

This commit is contained in:
Jason McBrayer 2018-08-29 05:23:35 -04:00
parent c71f1cf16d
commit 52efb4a1d7
1 changed files with 102 additions and 105 deletions

View File

@ -5,10 +5,10 @@
{% load static %}
{% if active %}
<article class="media box active-context">
{% else %}
<article class="media box active-context">
{% else %}
<article class="media box">
{% endif %}
{% endif %}
<figure class="media-left">
<p class="image is-64x64 account-avatar">
@ -85,32 +85,30 @@
<nav class="level is-mobile">
<div class="level-left">
<a href="{% url "reply" toot.id %}" class="level-item">
<span class="icon is-small"><span class="fa fa-reply">
<span class="is-invisible">Reply</span>
</span></span>
<span class="fa fa-reply">
<span class="is-hidden-mobile">Reply</span>
</span>
</a>
{% if toot.visibility != 'private' and toot.visibility != 'direct' %}
<a href="{% url "boost" toot.id %}" class="level-item">
<span class="icon is-small">
{% if toot.reblogged %}
<span class="fa fa-retweet has-text-warning">
<strong class="is-invisible" >Boosted</strong>
<strong class="is-hidden-mobile" >Boosted</strong>
{% else %}
<span class="fa fa-retweet" >
<span class="is-invisible" >Boost</span>
<span class="is-hidden-mobile" >Boost</span>
{% endif %}
</span>
</span>
</a>
{% endif %}
<a href="{% url "fav" toot.id %}" class="level-item">
<span class="icon is-small">
{% if toot.favourited %}
<span class="fa fa-heart has-text-warning">
<strong class="is-invisible" >Favorited</strong>
<strong class="is-hidden-mobile" >Favorited</strong>
{% else %}
<span class="fa fa-heart">
<span class="is-invisible" >Favorite</span>
<span class="is-hidden-mobile" >Favorite</span>
{% endif %}
</span>
</span>
@ -125,9 +123,8 @@
delete
</a>
{% endif %}
<span class="level-item">
{{ toot.visibility }}
</span>
&nbsp;&nbsp;
<a class="level-item" href="{% url "thread" toot.id %}">
thread
</a>
@ -137,4 +134,4 @@
</div>
</div>
<div class="media-right"></div>
</article>
</article>