VARASYS/ZDDC
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(classifier): move scan status to a page footer

Browse source 
The live "Scanning… N folders · M files — <path>" status now lives in a
persistent page footer bar instead of under the folder-tree header.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
ZDDC 2026-06-09 10:38:09 -05:00
parent 7d93171900
commit 28bfcc6e8c
2 changed files with 16 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
classifier/css/layout.css
View file

@ -191,18 +191,23 @@
50% { opacity: 1; } 50% { opacity: 1; }
} }
/* Live scan status line under the tree-pane header. */ /* Page footer — hosts the live scan status. */
.scan-status { .app-footer {
padding: 0.25rem 0.6rem; flex-shrink: 0;
display: flex;
align-items: center;
padding: 0.2rem 0.75rem;
border-top: 1px solid var(--border, #e2e2e2);
background: var(--bg-secondary, #f5f5f5);
font-size: 0.75rem; font-size: 0.75rem;
color: var(--text-muted, #8a8a8a); color: var(--text-muted, #8a8a8a);
border-bottom: 1px solid var(--border, #e2e2e2); min-height: 1.4em;
}
.scan-status {
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
min-height: 1.1em;
} }
.scan-status:empty { display: none; }
.scan-status.scanning { color: var(--primary, #2868c8); } .scan-status.scanning { color: var(--primary, #2868c8); }
.folder-item.selected { .folder-item.selected {

6
classifier/template.html
View file

@ -58,7 +58,6 @@
<span id="selectedFoldersCount" class="folder-count">0 folders selected</span> <span id="selectedFoldersCount" class="folder-count">0 folders selected</span>
</div> </div>
</div> </div>
<div id="scanStatus" class="scan-status" aria-live="polite"></div>
<div id="folderTree" class="folder-tree"> <div id="folderTree" class="folder-tree">
<!-- Dynamically populated --> <!-- Dynamically populated -->
</div> </div>
@ -129,6 +128,11 @@
</div> </div>
<!-- Page footer — scan status lives here -->
<footer class="app-footer">
<span id="scanStatus" class="scan-status" aria-live="polite"></span>
</footer>
<!-- Empty State — shown until a directory is selected --> <!-- Empty State — shown until a directory is selected -->
<div id="welcomeScreen" class="empty-state empty-state--overlay"> <div id="welcomeScreen" class="empty-state empty-state--overlay">
<div class="empty-state__inner empty-state__inner--centered"> <div class="empty-state__inner empty-state__inner--centered">