From bfeb7bf8ec7125d31b88411dffc4d8ea151b0b78 Mon Sep 17 00:00:00 2001
From: Peng Xiao <pengxiao@freewheel.tv>
Date: Wed, 26 May 2021 20:31:26 +0800
Subject: [PATCH] fix: some more adjustments

---
 custom.css | 26 ++++++++++++--------------
 1 file changed, 12 insertions(+), 14 deletions(-)

diff --git a/custom.css b/custom.css
index 2713691..a8c0615 100644
--- a/custom.css
+++ b/custom.css
@@ -77,6 +77,7 @@
 
   --ct-tag-shadow: 1px 1px rgb(136, 136, 136);
 
+  --ct-header-height: 2.4em;
   --ct-topbar-backdrop: blur(20px);
 }
 
@@ -680,16 +681,6 @@ mark {
   z-index: 2000;
 }
 
-/* TODO:  remove me after https://github.com/logseq/logseq/pull/1678 is merged */
-.cp__right-sidebar-inner .resizer + div {
-  overflow: auto;
-  position: absolute;
-  top: 0;
-  right: 0;
-  width: 100%;
-  height: 100vh;
-}
-
 .cp__right-sidebar-inner .resizer:hover {
   background: var(--ct-sidebar-resizer-background-hover);
 }
@@ -705,7 +696,7 @@ mark {
 /* title */
 .sidebar-item.content > div > div:first-of-type {
   position: sticky;
-  top: 3rem;
+  top: var(--ct-header-height);
   padding: 1rem;
   margin: -1rem;
   z-index: 10;
@@ -1736,8 +1727,8 @@ p {
   visibility: hidden;
 }
 
-html.is-electron .cp__header {
-  height: 3rem;
+html.is-electron .cp__header, .cp__right-sidebar-topbar {
+  height: var(--ct-header-height);
 }
 
 .cp__header #search-field {
@@ -1769,6 +1760,12 @@ html.is-electron .cp__header {
 .tippy-tooltip {
   padding: 0.5em 0;
   min-width: 100px;
+
+  box-shadow: var(--ct-sidebar-item-box-shadow);
+  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
+    0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
+    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
 .tippy-tooltip-content > .tippy-wrapper {
@@ -1805,16 +1802,17 @@ html.is-electron .cp__header {
   z-index: 2;
   padding: 5px 10px 2px 10px !important;
   background: #789959;
+  white-space: nowrap;
   color: var(--ct-query-header-color);
   font-style: var(--ct-inline-code-font-style) !important;
   border-radius: var(--ct-inline-code-border-radius);
+  
   text-shadow: 1px 1px 0px black, 1px 1px 1px rgb(136, 136, 136);
   box-shadow: var(--ct-sidebar-item-box-shadow);
   --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
     0 10px 10px -5px rgba(0, 0, 0, 0.04);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
     var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  white-space: nowrap;
 }
 
 .ls-block :is(h3, h4, h5) {