From 1427d05ad957b98cdec89325ee125a7d99c6657a Mon Sep 17 00:00:00 2001
From: Peng Xiao <pengxiao@outlook.com>
Date: Sun, 26 Dec 2021 23:10:39 +0800
Subject: [PATCH] fix: adapt for new block toggle styles

https://github.com/logseq/logseq/pull/3585
---
 bullet_threading.css      | 19 +++++++++++++++++++
 custom.css                | 20 ++++++++++++++++++++
 src/bullet_threading.scss | 20 ++++++++++++++++++++
 3 files changed, 59 insertions(+)

diff --git a/bullet_threading.css b/bullet_threading.css
index 669ebe9..0c3057c 100644
--- a/bullet_threading.css
+++ b/bullet_threading.css
@@ -11,6 +11,25 @@
   border-left-width: var(--ls-block-bullet-threading-width);
 }
 
+.block-children-container {
+  position: relative;
+}
+
+.block-children-left-border {
+  z-index: 10;
+  position: absolute;
+  height: 100%;
+  width: 4px;
+  padding-right: 0px;
+  background-color: transparent;
+  left: -1px;
+  transition: background-color 0.2s;
+}
+
+.block-children-left-border:hover {
+  background-color: var(--ls-block-bullet-active-color);
+}
+
 .block-content-wrapper {
   position: relative;
 }
diff --git a/custom.css b/custom.css
index 3979334..358f31e 100644
--- a/custom.css
+++ b/custom.css
@@ -399,6 +399,26 @@ a.title h1.title {
   border-left-width: var(--ls-block-bullet-threading-width);
 }
 
+.block-children-container {
+  position: relative;
+}
+
+.block-children-left-border {
+  border-radius: 2px;
+  z-index: 10;
+  position: absolute;
+  height: 100%;
+  width: 4px;
+  padding-right: 0px;
+  background-color: transparent;
+  left: -1px;
+  transition: background-color 0.2s;
+}
+
+.block-children-left-border:hover {
+  background-color: var(--ls-block-bullet-active-color);
+}
+
 .block-content-wrapper {
   position: relative;
 }
diff --git a/src/bullet_threading.scss b/src/bullet_threading.scss
index 80f18d6..2c81b84 100644
--- a/src/bullet_threading.scss
+++ b/src/bullet_threading.scss
@@ -8,9 +8,29 @@
 }
 
 .block-children {
+  border-left-color: var(--ls-guideline-color);
   border-left-width: var(--ls-block-bullet-threading-width);
 }
 
+.block-children-container {
+  position: relative;
+}
+
+.block-children-left-border {
+  z-index: 10;
+  position: absolute;
+  height: 100%;
+  width: 4px;
+  padding-right: 0px;
+  background-color: transparent;
+  left: -1px;
+  transition: background-color 0.2s;
+}
+
+.block-children-left-border:hover {
+  background-color: var(--ls-block-bullet-active-color);
+}
+
 .block-content-wrapper {
   position: relative;
 }