fix: adapt for new block toggle styles

logseq/logseq#3585
pengx17 · Dec 26, 2021 · 1427d05 · 1427d05
1 parent 3fd3d14
commit 1427d05
Show file tree

Hide file tree

Showing 3 changed files with 59 additions and 0 deletions.
diff --git 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
@@ -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
@@ -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;
 }