Use "tag" for notifications

This commit is contained in:
Mouse Reeve 2020-09-30 11:56:02 -07:00
parent 49807d069f
commit 7612bcf096
2 changed files with 11 additions and 22 deletions

View file

@ -10,19 +10,6 @@
position: absolute;
overflow: hidden;
}
.icon ~ .bubble {
background-color: #FF1654;
color: white;
font-size: 0.7rem;
border-radius: 50%;
display: block;
position: absolute;
text-align: center;
top: 0.8rem;
right: 0.3rem;
height: 1rem;
width: 1rem;
}
/* --- TOGGLES --- */

View file

@ -83,16 +83,18 @@
</div>
</div>
<div class="navbar-item">
<div class="buttons">
<a href="/notifications">
<span class="icon icon-bell">
<span class="hidden-text">Notitications</span>
</span>
{% if request.user|notification_count %}
<span class="bubble">{{ request.user | notification_count }}</span>
<a href="/notifications">
<div class="tags has-addons">
<span class="tag">
<span class="icon icon-bell">
<span class="hidden-text">Notitications</span>
</span>
</span>
{% if request.user|notification_count %}
<span class="tag is-danger">{{ request.user | notification_count }}</span>
{% endif %}
</a>
</div>
</div>
</a>
</div>
{% else %}
<div class="navbar-item">