From c027bce6deebe76bc4f8d660716fbd300500e5bd Mon Sep 17 00:00:00 2001 From: Muhammed Mustafa Date: Sat, 18 Feb 2023 20:18:54 +0200 Subject: [PATCH] fix(client): pre code having extra spaces when code elements are stacked (#49343) Co-authored-by: hbar1st --- client/src/components/layouts/rtl-layout.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/client/src/components/layouts/rtl-layout.css b/client/src/components/layouts/rtl-layout.css index cd08858f9e3..deb01acd931 100644 --- a/client/src/components/layouts/rtl-layout.css +++ b/client/src/components/layouts/rtl-layout.css @@ -130,6 +130,12 @@ sections that need to stay left to right unicode-bidi: isolate; } +/* bootstrap display block breaks the code elements when they are stacked on top of each other to sort this, we remove it for display: grid */ + +[dir='rtl'] pre[class*='language-']:has(code) { + display: grid; +} + [dir='rtl'] .description-container, [dir='rtl'] .action-row-container, [dir='rtl']