From b8761e70c4d23d03774cc723a523f28c6f481611 Mon Sep 17 00:00:00 2001 From: Aniruddha Adak Date: Wed, 26 Aug 2026 22:21:10 +0530 Subject: [PATCH] docs: improve table responsiveness on narrow screens (closes #1359) Add word-wrap and overflow-wrap to table cells in the differences guide so long text wraps properly on narrower screens instead of overflowing. Also set min-width on cells to prevent overly narrow columns. --- docs/guide/list-of-differences.md | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/docs/guide/list-of-differences.md b/docs/guide/list-of-differences.md index fae264e4b..9f86493ac 100644 --- a/docs/guide/list-of-differences.md +++ b/docs/guide/list-of-differences.md @@ -17,6 +17,14 @@ It makes the page wider to accommodate large tables overflow-x: auto; -webkit-overflow-scrolling: touch; } +/* Allow table cells to wrap text for better responsiveness */ +.page:has(.widePage) td, +.page:has(.widePage) th { + white-space: normal !important; + word-wrap: break-word; + overflow-wrap: break-word; + min-width: 100px; +} See a full list of differences between HyperFormula, Microsoft Excel, and Google Sheets.