From 282d648c777c0058831ca7d2f964a6fe2986d1f8 Mon Sep 17 00:00:00 2001
From: Peng Xiao <pengxiao@outlook.com>
Date: Wed, 7 Jul 2021 09:53:12 +0800
Subject: [PATCH] fix: prepare for new mac header

---
 src/_headings.scss | 19 +++++++++++++++++++
 src/_root.scss     |  4 ++--
 2 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/src/_headings.scss b/src/_headings.scss
index b55c721..62dfc16 100644
--- a/src/_headings.scss
+++ b/src/_headings.scss
@@ -49,6 +49,25 @@ a.title h1.title {
   color: var(--ls-search-icon-color, #9fa6b2);
 }
 
+.cp__header.electron-mac {
+  height: var(--ct-header-height);
+}
+
+#search {
+  padding: 0;
+  align-self: stretch;
+}
+
+.cp__header #search-field {
+  height: auto;
+  padding: 0;
+}
+
+#search > .inner {
+  display: flex;
+  align-items: center;
+}
+
 .ls-block :is(h1, h2, h3, h4, h5) {
   font-family: var(--ct-page-title-font-family);
 }
diff --git a/src/_root.scss b/src/_root.scss
index 843b0ce..495db37 100644
--- a/src/_root.scss
+++ b/src/_root.scss
@@ -60,8 +60,8 @@ body {
   --ls-font-family: Overpass, "Noto Sans SC", sans-serif;
 }
 
-.cp__header.electron-mac {
-  height: var(--ct-header-height);
+:root.is-mac.is-electron {
+  --ct-header-height: 48px;
 }
 
 /* Some tweaks on making this theme a bit more compact on mobile.