From e82ba97a396e4e9d77486b48e6ee8b1dfd1c1b4c Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Mon, 24 Jul 2023 07:07:58 +0000
Subject: [PATCH] actually add processed tag to frontmatter

---
 quartz/components/styles/search.scss |   24 +++++++++++++++---------
 1 files changed, 15 insertions(+), 9 deletions(-)

diff --git a/quartz/components/styles/search.scss b/quartz/components/styles/search.scss
index bac584b..4d5ad95 100644
--- a/quartz/components/styles/search.scss
+++ b/quartz/components/styles/search.scss
@@ -1,8 +1,9 @@
+@use "../../styles/variables.scss" as *;
+
 .search {
-  min-width: 5rem;
-  max-width: 12rem;
+  min-width: fit-content;
+  max-width: 14rem;
   flex-grow: 0.3;
-  margin: 0 1.5rem;
 
   & > #search-icon {
     background-color: var(--lightgray);
@@ -11,6 +12,7 @@
     display: flex;
     align-items: center;
     cursor: pointer;
+    white-space: nowrap;
 
     & > div {
       flex-grow: 1;
@@ -37,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);
 
@@ -56,7 +59,7 @@
       margin-left: auto;
       margin-right: auto;
 
-      @media all and (max-width: 1200px) {
+      @media all and (max-width: $fullPageWidth) {
         width: 90%;
       }
 
@@ -64,7 +67,9 @@
         width: 100%;
         border-radius: 5px;
         background: var(--light);
-        box-shadow: 0 14px 50px rgba(27, 33, 48, 0.12), 0 10px 30px rgba(27, 33, 48, 0.16);
+        box-shadow:
+          0 14px 50px rgba(27, 33, 48, 0.12),
+          0 10px 30px rgba(27, 33, 48, 0.16);
         margin-bottom: 2em;
       }
 
@@ -102,9 +107,11 @@
 
           & .highlight {
             color: var(--secondary);
+            font-weight: 700;
           }
 
-          &:hover, &:focus {
+          &:hover,
+          &:focus {
             background: var(--lightgray);
           }
 
@@ -123,12 +130,11 @@
             margin: 0;
           }
 
-          & > p { 
+          & > p {
             margin-bottom: 0;
           }
         }
       }
-
     }
   }
 }

--
Gitblit v1.10.0