From 750fc36962b47c9914e4d40f308e0825274fde14 Mon Sep 17 00:00:00 2001 From: Brecht Van Lommel Date: Mon, 24 Jun 2024 12:43:06 +0200 Subject: [PATCH 1/3] Fix poor table column layout due to breaking words Caused by #31091 --- web_src/css/markup/content.css | 1 + 1 file changed, 1 insertion(+) diff --git a/web_src/css/markup/content.css b/web_src/css/markup/content.css index 9546c11d6a0a4..c1d300ca4e073 100644 --- a/web_src/css/markup/content.css +++ b/web_src/css/markup/content.css @@ -284,6 +284,7 @@ width: max-content; max-width: 100%; overflow: auto; + overflow-wrap: break-word; } .markup table th { From 4af60f6abcb271027c5bfea9f981fd709190cb86 Mon Sep 17 00:00:00 2001 From: silverwind Date: Mon, 24 Jun 2024 15:24:12 +0200 Subject: [PATCH 2/3] move to .markup as before --- web_src/css/markup/content.css | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/web_src/css/markup/content.css b/web_src/css/markup/content.css index c1d300ca4e073..45728d55fd08c 100644 --- a/web_src/css/markup/content.css +++ b/web_src/css/markup/content.css @@ -2,7 +2,11 @@ overflow: hidden; font-size: 16px; line-height: 1.5 !important; - overflow-wrap: anywhere; + overflow-wrap: break-word; +} + +.conversation-holder .markup { + overflow-wrap: anywhere; /* prevent overflow in code comments */ } .markup > *:first-child { @@ -284,7 +288,6 @@ width: max-content; max-width: 100%; overflow: auto; - overflow-wrap: break-word; } .markup table th { From 42b295588626c063db9a9072bcad8140f9514045 Mon Sep 17 00:00:00 2001 From: silverwind Date: Mon, 24 Jun 2024 15:44:59 +0200 Subject: [PATCH 3/3] add TODO --- web_src/css/markup/content.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/web_src/css/markup/content.css b/web_src/css/markup/content.css index 45728d55fd08c..d2dcf2ec6ec38 100644 --- a/web_src/css/markup/content.css +++ b/web_src/css/markup/content.css @@ -6,7 +6,7 @@ } .conversation-holder .markup { - overflow-wrap: anywhere; /* prevent overflow in code comments */ + overflow-wrap: anywhere; /* prevent overflow in code comments. TODO: properly restrict .conversation-holder width and remove this */ } .markup > *:first-child {