From 9ff1fdd280f4b4c554f1bddfa51689fcb1576558 Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Fri, 02 Feb 2024 18:52:51 +0000
Subject: [PATCH] fix(search): oops restore ability to preview on hover lol
---
quartz/components/styles/search.scss | 16 +++++++++-------
1 files changed, 9 insertions(+), 7 deletions(-)
diff --git a/quartz/components/styles/search.scss b/quartz/components/styles/search.scss
index 1471a77..9cc85df 100644
--- a/quartz/components/styles/search.scss
+++ b/quartz/components/styles/search.scss
@@ -83,11 +83,14 @@
}
& > #search-layout {
- display: flex;
+ display: none;
flex-direction: row;
- visibility: hidden;
border: 1px solid var(--lightgray);
+ &.display-results {
+ display: flex;
+ }
+
@media all and (min-width: $tabletBreakpoint) {
&[data-preview] {
& .result-card > p.preview {
@@ -114,7 +117,8 @@
}
@media all and (max-width: $tabletBreakpoint) {
- display: block;
+ display: block !important;
+
& > *:not(#results-container) {
display: none !important;
}
@@ -128,6 +132,7 @@
& .highlight {
background: color-mix(in srgb, var(--tertiary) 60%, transparent);
border-radius: 5px;
+ scroll-margin-top: 2rem;
}
& > #preview-container {
@@ -149,10 +154,6 @@
margin: 0 auto;
width: min($pageWidth, 100%);
}
-
- a.internal {
- background-color: inherit;
- }
}
& > #results-container {
@@ -178,6 +179,7 @@
outline: none;
font-weight: inherit;
+ &:hover,
&:focus,
&.focus {
background: var(--lightgray);
--
Gitblit v1.10.0