From e1f12e6cb7ec5d2bfc430c15319d14c6d87a2c70 Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Wed, 31 Jan 2024 17:55:23 +0000
Subject: [PATCH] fix(style): search preview consistency
---
quartz/components/styles/search.scss | 18 ++++++++++++++----
1 files changed, 14 insertions(+), 4 deletions(-)
diff --git a/quartz/components/styles/search.scss b/quartz/components/styles/search.scss
index 5304618..fb7dd74 100644
--- a/quartz/components/styles/search.scss
+++ b/quartz/components/styles/search.scss
@@ -91,12 +91,22 @@
flex-direction: row;
justify-content: space-between;
opacity: 0;
+ border: 1px solid var(--lightgray);
- & > * {
+ & > div {
height: calc(75vh - 20em);
background: none;
- border-radius: 5px;
- border: 1px solid var(--lightgray); // Border to define the box
+
+ &:first-child {
+ border-top-left-radius: 5px;
+ border-bottom-left-radius: 5px;
+ border-right: 1px solid var(--lightgray);
+ }
+
+ &:last-child {
+ border-top-right-radius: 5px;
+ border-bottom-right-radius: 5px;
+ }
}
@media all and (max-width: $mobileBreakpoint) {
@@ -122,7 +132,6 @@
box-sizing: border-box;
overflow-y: auto;
font-family: inherit;
- font-size: 1.1em;
color: var(--dark);
line-height: 1.5em;
font-weight: 400;
@@ -141,6 +150,7 @@
padding: 1em;
cursor: pointer;
transition: background 0.2s ease;
+ border-bottom: 1px solid var(--lightgray);
width: 100%;
display: block;
box-sizing: border-box;
--
Gitblit v1.10.0