From 632c27b7ec133d15d890eb28c98eb9716ca01407 Mon Sep 17 00:00:00 2001
From: Zane Helton <me@zaaane.com>
Date: Wed, 23 Aug 2023 22:14:23 +0000
Subject: [PATCH] docs: update `hosting.md` with Vercel hosting instructions (#406)

---
 quartz/components/styles/search.scss |   14 ++++++++------
 1 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/quartz/components/styles/search.scss b/quartz/components/styles/search.scss
index 1f0a8b5..a77c630 100644
--- a/quartz/components/styles/search.scss
+++ b/quartz/components/styles/search.scss
@@ -1,7 +1,7 @@
 @use "../../styles/variables.scss" as *;
 
 .search {
-  min-width: 5rem;
+  min-width: fit-content;
   max-width: 14rem;
   flex-grow: 0.3;
 
@@ -12,6 +12,7 @@
     display: flex;
     align-items: center;
     cursor: pointer;
+    white-space: nowrap;
 
     & > div {
       flex-grow: 1;
@@ -38,12 +39,13 @@
 
   & > #search-container {
     position: fixed;
+    contain: layout;
     z-index: 999;
     left: 0;
     top: 0;
     width: 100vw;
     height: 100vh;
-    overflow: scroll;
+    overflow-y: auto;
     display: none;
     backdrop-filter: blur(4px);
 
@@ -57,7 +59,7 @@
       margin-left: auto;
       margin-right: auto;
 
-      @media all and (max-width: $tabletBreakpoint) {
+      @media all and (max-width: $fullPageWidth) {
         width: 90%;
       }
 
@@ -106,7 +108,8 @@
             font-weight: 700;
           }
 
-          &:hover, &:focus {
+          &:hover,
+          &:focus {
             background: var(--lightgray);
           }
 
@@ -125,12 +128,11 @@
             margin: 0;
           }
 
-          & > p { 
+          & > p {
             margin-bottom: 0;
           }
         }
       }
-
     }
   }
 }

--
Gitblit v1.10.0