From 743989262d8385200ef1ce6201cb7e2c42626052 Mon Sep 17 00:00:00 2001 From: NamelessContributor Date: Sat, 3 Sep 2022 11:40:49 +0200 Subject: [PATCH 1/2] post tooltips: fix long tags causing tag list to overflow. The default min-width for flex items is auto instead of 0. --- app/javascript/src/styles/specific/post_tooltips.scss | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/app/javascript/src/styles/specific/post_tooltips.scss b/app/javascript/src/styles/specific/post_tooltips.scss index a726a1d6c..e3ea9d304 100644 --- a/app/javascript/src/styles/specific/post_tooltips.scss +++ b/app/javascript/src/styles/specific/post_tooltips.scss @@ -32,8 +32,13 @@ $tooltip-body-height: $tooltip-line-height * 6; // 4 lines high. margin-right: 0; } - .post-tooltip-body-left { flex: 0; } - .post-tooltip-body-right { flex: 1; } + .post-tooltip-body-left { + flex: 0; + } + .post-tooltip-body-right { + flex: 1; + min-width: 0; + } } div.post-tooltip-header { From 9ea3ffb10e359e3c3a52bd82ef9c63f0a92e51d1 Mon Sep 17 00:00:00 2001 From: NamelessContributor Date: Sat, 3 Sep 2022 12:37:24 +0200 Subject: [PATCH 2/2] sidebar: fix overflow of some long links. 136e2777cb514763fb994565882ad737e201cc81 didn't account for the wiki_pages sidebar. --- app/javascript/src/styles/common/main_layout.scss | 2 ++ 1 file changed, 2 insertions(+) diff --git a/app/javascript/src/styles/common/main_layout.scss b/app/javascript/src/styles/common/main_layout.scss index c24627ad6..ba02ea480 100644 --- a/app/javascript/src/styles/common/main_layout.scss +++ b/app/javascript/src/styles/common/main_layout.scss @@ -40,6 +40,8 @@ footer#page-footer { @media (min-width: 1920px) { min-width: 280px; } + + overflow-wrap: break-word; } #content {