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
2024-01-29 23:56:59 -06:00
parent 8df74185e9
commit 6ce754bda2
1 changed files with 2 additions and 0 deletions
--- 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;
        }
      }
    }