gfdsgfds
This commit is contained in:
@@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user