fix reconnect toast taking space when no visible

This commit is contained in:
Barış Soner Uşaklı
2023-08-04 11:42:46 -04:00
parent e4f8e5067e
commit 2d883cbb6f
2 changed files with 4 additions and 2 deletions

View File

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

View File

@@ -1,4 +1,4 @@
<div id="reconnect-alert" class="alert alert-dismissible alert-warning fade" component="toaster/toast">
<div id="reconnect-alert" class="alert alert-dismissible alert-warning fade hide" 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>