fix(ui): style not refresh when toggling option for the fold button position

src/main/frontend/components/block.cljs

@@ -1712,11 +1712,7 @@
         ref? (:ref? config)
         empty-content? (block-content-empty? block)
         fold-button-right? (state/enable-fold-button-right?)]
-    [:div.mr-1.flex.flex-row.items-center.sm:mr-2
-     {:style {:height 24
-              :margin-top 0
-              :float "left"}}
-
+    [:div.block-control-wrap.mr-1.flex.flex-row.items-center.sm:mr-2
      (when (or (not fold-button-right?) has-child?)
        [:a.block-control
         {:id       (str "control-" uuid)

src/main/frontend/components/block.css

@@ -172,6 +172,11 @@
   }
 }
 
+.block-control-wrap {
+  height: 24px;
+  margin-top: 0;
+}
+
 .block-control, .block-control:hover {
   text-decoration: none;
   cursor: default;
@@ -523,6 +528,10 @@ a:hover > .bullet-container {
     display: none;
   }
 
+  .block-children {
+    border-left: none;
+  }
+
   .hide-inner-bullet .bullet {
     display: none;
   }

src/main/frontend/components/theme.css

@@ -122,6 +122,11 @@ main.ls-fold-button-on-right {
     .page-blocks-inner {
       margin-left: 0 !important;
     }
+
+    .block-control-wrap {
+      height: unset;
+      background: transparent;
+    }
   }
 
   .cp__sidebar-left-layout {

src/main/frontend/handler/config.cljs

@@ -27,7 +27,7 @@
             ks (if (vector? k) k [k])
             new-result (rewrite/assoc-in result ks v)
             new-content (str new-result)]
-        (file-handler/set-file-content! repo path new-content)))))
+        (file-handler/set-file-content! repo path new-content) nil))))
 
 (defn set-config!
   ([k v]