fix(bullet_threading): block fold button on mobile

see pengx17/logseq-dev-theme#90
UNICKCHENG · May 29, 2023 · 7e7302b · 7e7302b
1 parent 9c096f0
commit 7e7302b
Showing 1 changed file with 24 additions and 8 deletions.
diff --git a/scss/_bullet.scss b/scss/_bullet.scss
@@ -69,18 +69,15 @@
     }
     &[haschild="true"] {
         > div > .block-content-wrapper::before {
-            left: -11.6px;
-            @media screen and (min-width: 640px) {
-                left: -22px;
-            }
+            left: -14px;
         }
         &:focus-within > div > .block-content-wrapper::before {
             border-color: var(--ls-block-bullet-active-color);
         }
     }
 
     & > div > div.items-center::before {
-        right: 20px !important;
+        right: 15px !important;
     }
 }
 
@@ -89,9 +86,16 @@
 @mixin no-bullet-threading() {
     .ls-block:focus-within > div > div.items-center::before,
     .block-children:focus-within > .ls-block:not(:focus-within)::before,
-    .ls-block[haschild]:focus-within > div > .block-content-wrapper::before {
+    .ls-block[haschild]:focus-within > div > .block-content-wrapper::before,
+    .ls-block[haschild] > div > .block-content-wrapper::before {
         border: none;
     }
+
+    .ls-block[haschild="true"] {
+        > div > .block-content-wrapper {
+            border: none;
+        }
+    }
 }
 
 .custom-query,
@@ -106,6 +110,18 @@
 // the bullet spacing of the software will also change, 
 // perhaps officially to better adapt to mobile.
 // CSS cannot be adapted flexibly, so here is a compromise
-@media screen and (max-width: 768px) {
+@media (max-width: 640px) {
     @include no-bullet-threading();
-}
+
+    .ls-block div.block-control-wrap {
+        position: unset !important;
+        height:  unset !important;
+    }
+
+    .ls-block .block-control svg {
+        color: var( --ls-bullet-threading-focus-background-color);
+    }
+}
+
+
+