Nemcio/NodeBB
1
0
Fork 0
mirror of https://github.com/NodeBB/NodeBB.git synced 2026-01-03 14:20:33 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix reconnect alert fade and move it to core

Browse Source
This commit is contained in:
Barış Soner Uşaklı
2023-08-04 09:57:31 -04:00
parent 2f51532987
commit 7a29c2eb2e
3 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
public/src/sockets.js
View File

@@ -165,7 +165,7 @@ app = window.app || {};
reconnectEl.tooltip('dispose');
reconnectEl.html('<i class="fa fa-check text-success"></i>');
reconnectAlert.addClass('hide');
reconnectAlert.removeClass('show');
reconnecting = false;
reJoinCurrentRoom();
@@ -202,7 +202,7 @@ app = window.app || {};
if (!reconnectEl.hasClass('active')) {
reconnectEl.html('<i class="fa fa-spinner fa-spin"></i>');
reconnectAlert.removeClass('hide');
reconnectAlert.addClass('show');
}
reconnectEl.addClass('active').removeClass('hide').tooltip({

4
src/views/admin/footer.tpl
View File

@@ -5,8 +5,8 @@
{{{ if !isSpider }}}
<div class="">
<div component="toaster/tray" class="alert-window fixed-bottom mb-5 mb-md-2 me-2 me-md-5 ms-auto" style="width:300px; z-index: 1090;">
<div id="reconnect-alert" class="alert alert-dismissible alert-warning clearfix hide" component="toaster/toast">
<button type="button" class="btn-close float-end" data-bs-dismiss="alert" aria-hidden="true"></button>
<div id="reconnect-alert" class="alert alert-dismissible alert-warning fade" component="toaster/toast">
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-hidden="true"></button>
<p>[[global:reconnecting-message, {config.siteTitle}]]</p>
</div>
</div>

4
src/views/partials/reconnect-alert.tpl Normal file
View File

@@ -0,0 +1,4 @@
<div id="reconnect-alert" class="alert alert-dismissible alert-warning fade" component="toaster/toast">
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-hidden="true"></button>
<p>[[global:reconnecting-message, {config.siteTitle}]]</p>
</div>