Fix restore spinner not hiding due to !important CSS override

Use hidden class toggle instead of inline style.display, since
Tailwind CSS is built with the important flag.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
shuki
2026-03-05 03:50:05 +02:00
parent 6ecba2ae43
commit 1e6097eb9e

View File

@@ -194,7 +194,7 @@ sub handle_step1 {
print qq{ <select class="select select-bordered select-sm w-full max-w-xs" id="account" name="account" required disabled>\n}; print qq{ <select class="select select-bordered select-sm w-full max-w-xs" id="account" name="account" required disabled>\n};
print qq{ <option value="">-- Select remote first --</option>\n}; print qq{ <option value="">-- Select remote first --</option>\n};
print qq{ </select>\n}; print qq{ </select>\n};
print qq{ <span class="loading loading-spinner loading-sm" id="gnizaAccountSpinner" style="display:none"></span>\n}; print qq{ <span class="loading loading-spinner loading-sm hidden" id="gnizaAccountSpinner"></span>\n};
print qq{</div>\n}; print qq{</div>\n};
print qq{</div>\n</div>\n}; print qq{</div>\n</div>\n};
@@ -226,7 +226,7 @@ function gnizaLoadAccounts() {
acctSel.innerHTML = '<option value="">Loading...</option>'; acctSel.innerHTML = '<option value="">Loading...</option>';
acctSel.disabled = true; acctSel.disabled = true;
submitBtn.disabled = true; submitBtn.disabled = true;
spinner.style.display = ''; spinner.classList.remove('hidden');
function gnizaSetAcctMsg(msg) { function gnizaSetAcctMsg(msg) {
acctSel.innerHTML = ''; acctSel.innerHTML = '';
@@ -236,7 +236,7 @@ function gnizaLoadAccounts() {
acctSel.appendChild(opt); acctSel.appendChild(opt);
} }
function gnizaDone() { spinner.style.display = 'none'; } function gnizaDone() { spinner.classList.add('hidden'); }
var xhr = new XMLHttpRequest(); var xhr = new XMLHttpRequest();
xhr.timeout = 30000; xhr.timeout = 30000;