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 41102ef5566de29ee193ef57a4a2df4e7c0f6057 Author: Evan Rusackas <[email protected]> AuthorDate: Fri Jan 9 22:17:56 2026 -0800 feat(mobile): Full-width cards on ListView (dashboard list) - Cards span full width on mobile (< 768px) - Reduced horizontal padding for better space usage 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <[email protected]> --- superset-frontend/src/components/ListView/CardCollection.tsx | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/superset-frontend/src/components/ListView/CardCollection.tsx b/superset-frontend/src/components/ListView/CardCollection.tsx index 7fe7d4505e..3566cb9182 100644 --- a/superset-frontend/src/components/ListView/CardCollection.tsx +++ b/superset-frontend/src/components/ListView/CardCollection.tsx @@ -42,6 +42,13 @@ const CardContainer = styled.div<{ showThumbnails?: boolean }>` ? `${theme.sizeUnit * 8 + 3}px ${theme.sizeUnit * 20}px` : `${theme.sizeUnit * 8 + 1}px ${theme.sizeUnit * 20}px` }; + + /* Full-width cards on mobile */ + @media (max-width: 767px) { + grid-template-columns: 1fr; + padding-left: ${theme.sizeUnit * 4}px; + padding-right: ${theme.sizeUnit * 4}px; + } `} `;
