fix: prepare for new mac header

qbosen · Jul 7, 2021 · 282d648 · 282d648
1 parent c399e90
commit 282d648
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 2 deletions.
diff --git 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
@@ -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.