Browse Source

fix(ui): blink for the heading block during into editing mode

charlie 11 months ago
parent
commit
e5c597f59b
2 changed files with 7 additions and 1 deletions
  1. 1 1
      src/main/frontend/components/block.cljs
  2. 6 0
      src/main/frontend/components/block.css

+ 1 - 1
src/main/frontend/components/block.cljs

@@ -2309,7 +2309,7 @@
       [:span.opacity-50 "Set query title"]
 
       :else
-      [:span
+      [:span.w-full
        (text-block-title config block)
        (when-let [property (:logseq.property/created-from-property block)]
          (when-let [message (when (= :url (get-in property [:block/schema :type]))

+ 6 - 0
src/main/frontend/components/block.css

@@ -542,6 +542,7 @@
 .editor-inner .h3.uniline-block {
   font-size: 1.2rem;
   min-height: 1.2em;
+  line-height: 1.15em;
 }
 
 .ls-block h4,
@@ -573,6 +574,11 @@
   @apply border-b border-gray-06 mt-1 mb-2 pb-1;
 }
 
+.editor-inner textarea.uniline-block:is(.h1, .h2) {
+  border-bottom-style: solid;
+  border-bottom-color: transparent;
+}
+
 .block-ref .ls-block :is(h1, h2),
 .block-ref .editor-inner :is(.h1, .h2) {
   border-bottom: none;