diff --git a/.streamlit/config.toml b/.streamlit/config.toml index 554fbcb..7392413 100644 --- a/.streamlit/config.toml +++ b/.streamlit/config.toml @@ -1,5 +1,8 @@ [client] -toolbarMode = "minimal" +# ``viewer`` is the most aggressive — hides Streamlit's running +# indicator, deploy button, and status icons. Keeps the main content +# area's top-right corner clean. +toolbarMode = "viewer" [browser] gatherUsageStats = false diff --git a/src/gui/components/_legacy.py b/src/gui/components/_legacy.py index 67b1fb5..27f1282 100644 --- a/src/gui/components/_legacy.py +++ b/src/gui/components/_legacy.py @@ -43,11 +43,19 @@ header[data-testid="stHeader"] { background: transparent !important; height: 0 !important; } -/* Hide main hamburger menu and deploy button explicitly (don't rely on - hiding the whole header). */ +/* Hide every Streamlit-shipped icon button in the header band: + hamburger menu, deploy button, status / running indicator, + toolbar action stacks. ``toolbarMode = "viewer"`` already suppresses + most of these but newer Streamlit releases keep emitting them with + tiny inline styles, so we belt-and-suspenders the visibility from + CSS too. */ #MainMenu, [data-testid="stMainMenu"], -[data-testid="stAppDeployButton"] { +[data-testid="stAppDeployButton"], +[data-testid="stToolbar"], +[data-testid="stToolbarActions"], +[data-testid="stStatusWidget"], +[data-testid="stDecoration"] { display: none !important; } /* Keep the sidebar expand control visible and clickable above page content. */ @@ -212,9 +220,20 @@ body, .stApp { .dt-brand-name { font-family: var(--font-sans); font-weight: 600; - font-size: 16px; + font-size: 15px; letter-spacing: -0.02em; color: var(--ink); + line-height: 1.05; + display: flex; + flex-direction: column; + gap: 1px; +} +.dt-brand-eyebrow { + font-size: 9.5px; + font-weight: 600; + letter-spacing: 0.14em; + text-transform: uppercase; + color: var(--ink-tertiary); line-height: 1; } /* The stock Streamlit logo placeholder takes 100x32 of space; hide @@ -924,7 +943,10 @@ _INJECT_BRAND_JS = """ brand.className = 'dt-brand'; brand.innerHTML = '