From 12f3ab3bd41f3bd45aec2ac9b04deccf6d3ad3d8 Mon Sep 17 00:00:00 2001 From: Tahier Hussain Date: Wed, 8 Apr 2026 17:28:43 +0530 Subject: [PATCH 1/2] fix: add horizontal scroll to CSV viewer toolbar on overflow MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Added overflow handling to prevent toolbar content from being compressed on small screens. Changes: - Added overflow-x: auto to .csv-viewer-toolbar for horizontal scroll - Added flex-shrink: 0 to toolbar children to prevent compression - Added white-space: nowrap to stats and warning text to prevent wrapping 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude --- frontend/src/ide/editor/csv-viewer.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/frontend/src/ide/editor/csv-viewer.css b/frontend/src/ide/editor/csv-viewer.css index f926b93..af83bb8 100644 --- a/frontend/src/ide/editor/csv-viewer.css +++ b/frontend/src/ide/editor/csv-viewer.css @@ -13,14 +13,22 @@ border-bottom: 1px solid var(--border-color-1, #e2e8f0); background: var(--page-bg-1, #f8fafc); flex-shrink: 0; + overflow-x: auto; +} + +/* Prevent toolbar children from shrinking */ +.csv-viewer-toolbar > * { + flex-shrink: 0; } .csv-viewer-stats { font-size: 12px; + white-space: nowrap; } .csv-viewer-warning { font-size: 12px; + white-space: nowrap; } .csv-viewer-table { From 389cfbc7f92d002e05ee71fbfdee1a3387c2952f Mon Sep 17 00:00:00 2001 From: Tahier Hussain Date: Wed, 8 Apr 2026 17:38:26 +0530 Subject: [PATCH 2/2] fix: add gap to toolbar to maintain spacing on overflow MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Added gap: 16px to ensure consistent spacing between toolbar items when overflow scroll is active. Without gap, space-between loses effect during overflow and items appear bunched together. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude --- frontend/src/ide/editor/csv-viewer.css | 1 + 1 file changed, 1 insertion(+) diff --git a/frontend/src/ide/editor/csv-viewer.css b/frontend/src/ide/editor/csv-viewer.css index af83bb8..a04d601 100644 --- a/frontend/src/ide/editor/csv-viewer.css +++ b/frontend/src/ide/editor/csv-viewer.css @@ -9,6 +9,7 @@ display: flex; align-items: center; justify-content: space-between; + gap: 16px; padding: 8px 12px; border-bottom: 1px solid var(--border-color-1, #e2e8f0); background: var(--page-bg-1, #f8fafc);