Gandalf/sofarr
1
0
Fork 0
Code Issues 1 Pull Requests Actions 1 Packages Projects Releases 22 Wiki Activity

fix(ui): Add loading state and min-height for status-content
Some checks failed
Build and Push Docker Image / build (push) Successful in 39s
Details
CI / Security audit (push) Successful in 1m17s
Details
CI / Tests & coverage (push) Has been cancelled
Details

Browse Source 
Added loading indicator text and min-height CSS for #status-content
to prevent the empty card appearance when status panel first opens.
This commit is contained in:
Gronod
2026-05-19 22:29:03 +01:00
parent 57908e2b9e
commit 252cc50aa4
2 changed files with 12 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
public/index.html
View File

@@ -70,7 +70,7 @@
<div id="status-panel" class="status-panel" style="display: none;"> <div id="status-panel" class="status-panel" style="display: none;">
<!-- Status content gets rendered here --> <!-- Status content gets rendered here -->
<div id="status-content"></div> <div id="status-content"><p class="status-loading">Loading status...</p></div>
<!-- Webhooks Configuration Panel (nested inside status) --> <!-- Webhooks Configuration Panel (nested inside status) -->
<div class="webhooks-section" id="webhooks-section" style="display: none;"> <div class="webhooks-section" id="webhooks-section" style="display: none;">
<div class="webhooks-header" id="webhooks-header"> <div class="webhooks-header" id="webhooks-header">

11
public/style.css
View File

@@ -1232,6 +1232,17 @@ body {
box-shadow: 0 2px 4px var(--shadow); box-shadow: 0 2px 4px var(--shadow);
} }
#status-content {
min-height: 100px;
}
.status-loading {
color: var(--text-muted);
font-style: italic;
text-align: center;
padding: 20px;
}
.status-header { .status-header {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;