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

fix(classifier): rename inline tree-empty placeholder out of .empty-state

Browse source 
classifier/js/tree.js was inserting a <div class="empty-state">No
folders found</div> inside the folder-tree pane when the tree was
empty. That conflicted with the shared .empty-state rule promoted
in the previous commit — which expects an outer flex container with
a child .empty-state__inner card, used for the top-level welcome
overlay.

The two usages aren't the same thing semantically (one is the
welcome screen; one is a tiny inline "list is empty" placeholder
inside the folder tree). Rename the inline one to .tree-empty to
remove the collision. The spreadsheet.css rule that targeted the
old class is renamed to match; same padding/text-align/color.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
ZDDC 2026-05-10 14:22:50 -05:00
parent 4acf348b21
commit dc72df83e3
2 changed files with 6 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
classifier/css/spreadsheet.css
View file

@ -411,14 +411,16 @@
color: var(--danger);
}
/* Empty State */
.empty-state {
/* Inline tree-empty placeholder — shown by tree.js when the folder
list is empty. Distinct from the top-level .empty-state overlay
(shared/base.css) which is the welcome screen. */
.tree-empty {
padding: 3rem;
text-align: center;
color: var(--text-muted);
}
.empty-state h3 {
.tree-empty h3 {
margin-bottom: 0.5rem;
}

2
classifier/js/tree.js
View file

@ -13,7 +13,7 @@
container.innerHTML = '';
if (window.app.folderTree.length === 0) {
container.innerHTML = '<div class="empty-state">No folders found</div>';
container.innerHTML = '<div class="tree-empty">No folders found</div>';
return;
}