From 6ce754bda21c961d7a7c7426c880be3343f1e3b7 Mon Sep 17 00:00:00 2001 From: Justin Fowler Date: Mon, 29 Jan 2024 23:56:59 -0600 Subject: [PATCH] fix(css): improve wrapping when right sidebar has more than two items (#762) * improve wrapping when right sidebar has more than two items, particularly on mobile * Adjusted min-width --- quartz/styles/base.scss | 2 ++ 1 file changed, 2 insertions(+) diff --git a/quartz/styles/base.scss b/quartz/styles/base.scss index 65e68f3..fc1db95 100644 --- a/quartz/styles/base.scss +++ b/quartz/styles/base.scss @@ -171,9 +171,11 @@ a { & .sidebar.right { right: calc(calc(100vw - $pageWidth) / 2 - $sidePanelWidth); + flex-wrap: wrap; & > * { @media all and (max-width: $fullPageWidth) { flex: 1; + min-width: 140px; } } }