giteadmin/datatools-dev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(home): hide Streamlit's chip row, keep only the canonical file list

Browse Source 
After upload, two near-identical file lists were shown stacked:
Streamlit's built-in compact chip row inside the dropzone (icon +
``messy_sales.csv`` + size) and the home page's own "Uploaded files"
section beneath it (filename + Remove button). User flagged the
duplication.

Hide ``[data-testid="stFileChip"]`` and its first-child wrapper so
the chip row collapses; the dropzone's borderless ``+`` button is
preserved as the "add more files" affordance, and our "Uploaded
files" list is now the single source of truth visually.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Michael
2026-05-18 23:42:22 +00:00
parent b0ee65e922
commit 3c4b80895e
1 changed files with 9 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/gui/components/_legacy.py
View File

@@ -346,6 +346,15 @@ body, .stApp {
border: 1px solid var(--dt-border) !important; border: 1px solid var(--dt-border) !important;
border-radius: var(--dt-r-sm) !important; border-radius: var(--dt-r-sm) !important;
} }
/* Hide Streamlit's built-in compact file-chip row once files exist —
the home page renders its own canonical "Uploaded files" list with
a Remove button beneath the uploader, so the chip row is redundant
and visually doubles up on filenames. The dropzone's borderless
``+`` button is left in place as the "add more files" affordance.
First-child wrapper of ``stFileChips`` holds the chip flex container;
collapsing it lets the ``+`` button hug the dropzone's left edge. */
[data-testid="stFileChip"] { display: none !important; }
[data-testid="stFileChips"] > div:first-child { display: none !important; }
/* ---------- Expanders + bordered containers → editorial cards ---------- */ /* ---------- Expanders + bordered containers → editorial cards ---------- */
[data-testid="stExpander"] details, [data-testid="stExpander"] details,