From 295b8fc9149e6702629717e3b71b2eff7d726a19 Mon Sep 17 00:00:00 2001
From: Aaron Pham <29749331+aarnphm@users.noreply.github.com>
Date: Fri, 02 Feb 2024 00:44:33 +0000
Subject: [PATCH] fix(search): increase size on fullPageWidth viewport (#784)
---
quartz/components/styles/search.scss | 13 +++++++------
quartz/components/scripts/search.inline.ts | 4 ++++
2 files changed, 11 insertions(+), 6 deletions(-)
diff --git a/quartz/components/scripts/search.inline.ts b/quartz/components/scripts/search.inline.ts
index 3bbfa7b..7871b39 100644
--- a/quartz/components/scripts/search.inline.ts
+++ b/quartz/components/scripts/search.inline.ts
@@ -451,6 +451,10 @@
searchLayout.style.opacity = "1"
}
+ if (term === "" && searchLayout) {
+ searchLayout.style.opacity = "0"
+ }
+
if (term.toLowerCase().startsWith("#")) {
searchType = "tags"
} else {
diff --git a/quartz/components/styles/search.scss b/quartz/components/styles/search.scss
index e84172e..11e7c4e 100644
--- a/quartz/components/styles/search.scss
+++ b/quartz/components/styles/search.scss
@@ -54,15 +54,11 @@
}
& > #search-space {
- width: 50%;
+ width: 75%;
margin-top: 12vh;
margin-left: auto;
margin-right: auto;
- @media all and (max-width: $fullPageWidth) {
- width: 90%;
- }
-
& > * {
width: 100%;
border-radius: 5px;
@@ -94,7 +90,8 @@
border: 1px solid var(--lightgray);
& > div {
- height: calc(75vh - 20em);
+ // vh - #search-space.margin-top
+ height: calc(75vh - 12vh);
background: none;
&:first-child {
@@ -146,6 +143,10 @@
0 14px 50px rgba(27, 33, 48, 0.12),
0 10px 30px rgba(27, 33, 48, 0.16);
}
+
+ a.internal {
+ background-color: none;
+ }
}
& > #results-container {
--
Gitblit v1.10.0