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

31
resources/base.scss
View file

@ -705,10 +705,6 @@ math {
#notification { #notification {
color: lightsteelblue; color: lightsteelblue;
float: left;
margin-top: 0.6em;
margin-right: 0.8em;
font-size: 1.3em;
} }
#notification:hover { #notification:hover {
@ -717,16 +713,21 @@ math {
#chat-icon { #chat-icon {
color: lightseagreen; color: lightseagreen;
float: left;
margin-top: 0.6em;
margin-right: 0.5em;
font-size: 1.3em;
} }
#chat-icon:hover { #chat-icon:hover {
color: darkgreen; color: darkgreen;
} }
.navbar-icons {
font-size: 1.6em;
float: left;
margin-right: 0.3em;
}
.navbar-icon {
margin-right: 0.3em;
}
.unread_boxes { .unread_boxes {
background-color: red; background-color: red;
color: white; color: white;
@ -782,4 +783,16 @@ math {
} }
.contest-info-toggle-mode-off:hover { .contest-info-toggle-mode-off:hover {
background: rgba(255, 0, 0, 0.97); 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;
}
}

24
templates/base.html
View file

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