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

Redesign refresh button

Browse source
This commit is contained in:
cuom1999 2021-07-02 12:03:06 -05:00
parent 6448ad9d89
commit 97f35bc801
4 changed files with 32 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
dmoj/urls.py
View file

@ -391,7 +391,7 @@ favicon_paths = ['apple-touch-icon-180x180.png', 'apple-touch-icon-114x114.png',
'favicon-96x96.png', 'favicon-96x96.png',
'favicon-32x32.png', 'favicon-16x16.png', 'android-chrome-192x192.png', 'android-chrome-48x48.png', 'favicon-32x32.png', 'favicon-16x16.png', 'android-chrome-192x192.png', 'android-chrome-48x48.png',
'mstile-310x150.png', 'apple-touch-icon-144x144.png', 'browserconfig.xml', 'manifest.json', 'mstile-310x150.png', 'apple-touch-icon-144x144.png', 'browserconfig.xml', 'manifest.json',
'apple-touch-icon-120x120.png', 'mstile-310x310.png'] 'apple-touch-icon-120x120.png', 'mstile-310x310.png', 'reload.png']
for favicon in favicon_paths: for favicon in favicon_paths:
urlpatterns.append(url(r'^%s$' % favicon, RedirectView.as_view( urlpatterns.append(url(r'^%s$' % favicon, RedirectView.as_view(

BIN
resources/icons/reload.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 29 KiB

31
templates/chat/chat.html
View file

@ -217,14 +217,19 @@
margin-top: -0.5em; margin-top: -0.5em;
} }
#refresh-button { #refresh-button {
padding: 0 0.1em 0 0.1em; padding: 0;
margin: 0.1em; margin-left: auto;
border-radius: 0.1em; margin-right: 0.3em;
background: goldenrod; background: transparent;
border: none;
height: 1.5em;
width: 1.5em;
} }
#refresh-button:hover { #refresh-button:hover {
background: lightgreen; background: lightgreen;
color: grey !important; -webkit-transform: rotate(360deg);
transform: rotate(360deg);
transition: 1.5s ease-in-out;
} }
.status-pic { .status-pic {
height: 1.3em; height: 1.3em;
@ -255,6 +260,7 @@
} }
.status-section-title { .status-section-title {
cursor: pointer; cursor: pointer;
margin-top: 0.5em;
} }
::-webkit-scrollbar { ::-webkit-scrollbar {
width: 20px; width: 20px;
@ -274,6 +280,13 @@
::-webkit-scrollbar-thumb:hover { ::-webkit-scrollbar-thumb:hover {
background-color: #a8bbbf; background-color: #a8bbbf;
} }
@media (min-width: 800px) {
#page-container {
position:fixed;
overflow:hidden;
}
}
</style> </style>
{% endblock media %} {% endblock media %}
@ -301,9 +314,13 @@
</div> </div>
<button id="chat-submit" style="display:none;"> Send </button> <button id="chat-submit" style="display:none;"> Send </button>
<div id="chat-online" class="chat-right-panel sidebox"> <div id="chat-online" class="chat-right-panel sidebox">
<h3> <h3 style="display:flex">
{{_('Online Users')}} {{_('Online Users')}}
<button id="refresh-button" class="fa fa-rotate-right" title="{{_('Refresh')}}"></button> <button id="refresh-button" title="{{_('Refresh')}}">
<img src="/reload.png"
width="100%"
>
</button>
</h3> </h3>
<div id="chat-online-content"> <div id="chat-online-content">
{% include "chat/online_status.html" %} {% include "chat/online_status.html" %}

1
templates/chat/online_status.html
View file

@ -22,6 +22,5 @@
</li> </li>
{% endfor %} {% endfor %}
</ul> </ul>
<br>
{% endif %} {% endif %}
{% endfor %} {% endfor %}