This is an automated email from the ASF dual-hosted git repository. rusackas pushed a commit to branch mobile-dashboard-support in repository https://gitbox.apache.org/repos/asf/superset.git
commit 3c5fff78d89636efe2041f752f86974aaffe7567 Author: Evan Rusackas <[email protected]> AuthorDate: Fri Jan 9 17:41:00 2026 -0800 fix(mobile): Hide + button and compact filter tabs on mobile - Fix CSS selector to use superset-button-secondary class - Make Favorite/Mine/All tabs display horizontally in compact style - Reduce padding and font size for space efficiency 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <[email protected]> --- superset-frontend/src/features/home/SubMenu.tsx | 20 ++++++++++++++++++-- 1 file changed, 18 insertions(+), 2 deletions(-) diff --git a/superset-frontend/src/features/home/SubMenu.tsx b/superset-frontend/src/features/home/SubMenu.tsx index 73975f55e4..ab861392d2 100644 --- a/superset-frontend/src/features/home/SubMenu.tsx +++ b/superset-frontend/src/features/home/SubMenu.tsx @@ -112,10 +112,26 @@ const StyledHeader = styled.div<{ backgroundColor?: string }>` margin-left: ${({ theme }) => theme.sizeUnit * 2}px; } - /* Hide add buttons (secondary style with icons) on mobile */ - .nav-right button.ant-btn-secondary { + /* Hide add buttons (secondary style) on mobile */ + .nav-right .superset-button-secondary { display: none; } + + /* Compact horizontal tabs on mobile (segmented-control style) */ + .menu > .ant-menu { + display: flex; + flex-direction: row; + flex-wrap: wrap; + padding-left: 0; + gap: ${({ theme }) => theme.sizeUnit}px; + + .ant-menu-item { + padding: ${({ theme }) => theme.sizeUnit}px + ${({ theme }) => theme.sizeUnit * 3}px; + margin-right: 0; + font-size: ${({ theme }) => theme.fontSizeXS}px; + } + } } `;
