/* * Embed mode — used when this prototype is hosted as a Tableau workspace extension * (the hybrid Start Page pane), activated by loading with ?embed=1. * * The standalone prototype renders the whole Tableau Desktop shell (its own blue * Server/New header, a bottom Discover bar, etc.). When embedded inside the REAL * Tableau Desktop, that chrome is redundant — Desktop already provides the menus and * the Discover pane. Embed mode strips Britta's chrome down to just the start-page * content (chat hero + Recents / Favorites / Recommended). * * Uses !important so it wins over the inline display styles app.js sets at runtime. */ /* The embed class is set on synchronously (and on at DOMContentLoaded), so target both to avoid any flash of the full chrome before app.js runs. */ /* Hide the redundant Tableau chrome the host already provides: the real Tableau Desktop supplies the OS menu bar, window title bar, app header, and the Discover pane. */ .embed .mac-menu-bar, .embed .title-bar, .embed .discover-bar { display: none !important; } .embed .tableau-header { display: flex !important; } /* Show only the start screen; suppress the workspace/sheet/dashboard views that the standalone prototype can switch to. */ .embed #startScreen { display: block !important; } .embed #workspace { display: none !important; } /* Let the start-page content use the full pane now that the header is gone, and make it scroll vertically. The base stylesheet sets `.main-content:has(.workspace.active)` to overflow:hidden — and #workspace keeps its hardcoded `active` class even though we hide it in embed mode — which otherwise traps the start-page content and prevents scrolling. */ .embed .main-content { top: 0 !important; padding-top: 24px; overflow-y: auto !important; height: 100vh; }