lkva/NDOJ
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Change styles navbar icons

Browse source
This commit is contained in:
cuom1999 2022-08-27 23:00:17 -05:00
parent 2f94879278
commit 98b8cbe518
2 changed files with 35 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
resources/base.scss
View file

@ -705,10 +705,6 @@ math {
#notification {
color: lightsteelblue;
float: left;
margin-top: 0.6em;
margin-right: 0.8em;
font-size: 1.3em;
}
#notification:hover {
@ -717,16 +713,21 @@ math {
#chat-icon {
color: lightseagreen;
float: left;
margin-top: 0.6em;
margin-right: 0.5em;
font-size: 1.3em;
}
#chat-icon:hover {
color: darkgreen;
}
.navbar-icons {
font-size: 1.6em;
float: left;
margin-right: 0.3em;
}
.navbar-icon {
margin-right: 0.3em;
}
.unread_boxes {
background-color: red;
color: white;
@ -783,3 +784,15 @@ math {
.contest-info-toggle-mode-off:hover {
background: rgba(255, 0, 0, 0.97);
}
@media (max-width: 799px) {
.navbar-icons {
margin-top: 2px;
}
}
@media (min-width: 800px) {
.navbar-icons {
margin-top: 7px;
}
}

6
templates/base.html
View file

@ -227,19 +227,21 @@
</ul>
<div style="float: right; display: inline; font-size: larger;">
{% if request.user.is_authenticated %}
<span class="navbar-icons">
<span title="{{_('Chat')}}">
<a id="chat-icon" href="{{ url('chat', '') }}" class="icofont-wechat" aria-hidden="true">
<a id="chat-icon" href="{{ url('chat', '') }}" class="icofont-wechat navbar-icon" aria-hidden="true">
</a>
</span>
{% set unseen_cnt = request.profile.count_unseen_notifications %}
<span title="{{_('Notification')}}" class="{{ 'notification-open' if unseen_cnt > 0 }}">
<a href="{{ url('notification') }}" class="icofont-alarm" id="notification" aria-hidden="true">
<a href="{{ url('notification') }}" class="icofont-alarm navbar-icon" id="notification" aria-hidden="true">
{% if unseen_cnt > 0 %}
<sub class="unread_boxes">{{unseen_cnt}}</sub>
{% endif %}
</a>
</span>
</span>
{% endif %}
<span id="user-links">
{% if request.user.is_authenticated %}