This commit is contained in:
2026-05-26 21:39:57 +02:00
parent 4f9fc25ef2
commit 9c42e8ea2b
2 changed files with 23 additions and 10 deletions

View File

@@ -2349,6 +2349,16 @@ body.layout-modern .item-sidebar-left .tag-controls {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
height: 28px; height: 28px;
position: relative;
}
.submit-comment .submit-spinner {
display: none;
position: absolute;
}
.submit-comment .submit-label {
display: inline;
} }
.submit-comment.loading { .submit-comment.loading {
@@ -2357,9 +2367,12 @@ body.layout-modern .item-sidebar-left .tag-controls {
cursor: wait; cursor: wait;
} }
.submit-comment.loading .fa-spinner { .submit-comment.loading .submit-label {
font-size: 11px; visibility: hidden;
vertical-align: middle; }
.submit-comment.loading .submit-spinner {
display: inline;
} }
.submit-comment.uploading { .submit-comment.uploading {
@@ -3157,7 +3170,6 @@ body.layout-legacy .scroll-to-bottom svg {
.loading, .loading,
.error { .error {
text-align: center; text-align: center;
padding: 20px;
color: #888; color: #888;
} }

View File

@@ -365,7 +365,6 @@ class CommentSystem {
if (submitBtn) { if (submitBtn) {
submitBtn.classList.add('loading'); submitBtn.classList.add('loading');
submitBtn.disabled = true; submitBtn.disabled = true;
submitBtn.innerHTML = '<i class="fa-solid fa-spinner fa-spin"></i>';
} }
} }
this.setupEmojiPicker(newForm); this.setupEmojiPicker(newForm);
@@ -384,7 +383,6 @@ class CommentSystem {
if (submitBtn) { if (submitBtn) {
submitBtn.classList.add('loading'); submitBtn.classList.add('loading');
submitBtn.disabled = true; submitBtn.disabled = true;
submitBtn.innerHTML = '<i class="fa-solid fa-spinner fa-spin"></i>';
} }
} }
} }
@@ -2118,7 +2116,7 @@ class CommentSystem {
${counter} ${counter}
${attachBtn} ${attachBtn}
${parentId ? `<button class="cancel-reply" title="${cancelLabel}"><i class="fa-solid fa-xmark"></i></button>` : ''} ${parentId ? `<button class="cancel-reply" title="${cancelLabel}"><i class="fa-solid fa-xmark"></i></button>` : ''}
<button class="submit-comment">${postLabel}</button> <button class="submit-comment"><span class="submit-label">${postLabel}</span><i class="fa-solid fa-spinner fa-spin submit-spinner"></i></button>
</div> </div>
</div> </div>
`; `;
@@ -2884,8 +2882,12 @@ class CommentSystem {
submitBtn.classList.add('loading'); submitBtn.classList.add('loading');
submitBtn.disabled = true; submitBtn.disabled = true;
textarea.disabled = true; textarea.disabled = true;
const originalBtnHtml = submitBtn.innerHTML; const originalBtnHtml = null; // no longer needed — loading state is CSS-only
submitBtn.innerHTML = '<i class="fa-solid fa-spinner fa-spin"></i>';
if (window.f0ckDebugSpinner) {
console.log('[DEBUG] window.f0ckDebugSpinner is true. Freezing spinner state for inspection.');
return;
}
// Mark as pending to prevent state restoration while in flight // Mark as pending to prevent state restoration while in flight
if (parentId) { if (parentId) {
@@ -3192,7 +3194,6 @@ class CommentSystem {
if (activeBtn) { if (activeBtn) {
activeBtn.classList.remove('loading'); activeBtn.classList.remove('loading');
activeBtn.disabled = false; activeBtn.disabled = false;
activeBtn.innerHTML = originalHtml;
} }
if (activeTextarea) { if (activeTextarea) {
activeTextarea.disabled = false; activeTextarea.disabled = false;