From b3480bdc49120010da8d2805df02cbf84ca08bdc Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Fri, 07 Jul 2023 02:18:18 +0000
Subject: [PATCH] fix styling for bullet points

---
 quartz/components/styles/popover.scss |   12 ++++++++----
 1 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/quartz/components/styles/popover.scss b/quartz/components/styles/popover.scss
index 9b79447..a372299 100644
--- a/quartz/components/styles/popover.scss
+++ b/quartz/components/styles/popover.scss
@@ -1,3 +1,5 @@
+@use "../../styles/variables.scss" as *;
+
 @keyframes dropin {
   0% {
     opacity: 0;
@@ -19,17 +21,19 @@
   padding: 1rem;
 
   & > .popover-inner {
+    position: relative;
     width: 30rem;
     height: 20rem;
     padding: 0 1rem 1rem 1rem;
     font-weight: initial;
-    line-height: initial;
+    line-height: normal;
     font-size: initial;
-    border: 1px solid var(--gray);
+    font-family: var(--bodyFont);
+    border: 1px solid var(--lightgray);
     background-color: var(--light);
     border-radius: 5px;
     box-shadow: 6px 6px 36px 0 rgba(0,0,0,0.25);
-    overflow: scroll;
+    overflow: auto;
   }
 
   h1 {
@@ -40,7 +44,7 @@
   opacity: 0;
   transition: opacity 0.3s ease, visibility 0.3s ease;
 
-  @media all and (max-width: 600px) {
+  @media all and (max-width: $mobileBreakpoint) {
     display: none !important;
   }
 }

--
Gitblit v1.10.0