mirror of https://github.com/logseq/logseq
enhance(ux): page blink for the dummy edit block
parent
d350949564
commit
0cc13d04bd
|
@ -129,14 +129,14 @@
|
||||||
(js/setTimeout #(let [target-block page]
|
(js/setTimeout #(let [target-block page]
|
||||||
(dnd/move-blocks event blocks target-block nil :sibling))
|
(dnd/move-blocks event blocks target-block nil :sibling))
|
||||||
0)))]
|
0)))]
|
||||||
[:div.ls-block.flex-1.flex-col.rounded-sm
|
[:div.ls-dummy-block
|
||||||
{:style {:width "100%"
|
{:style {:width "100%"
|
||||||
;; The same as .dnd-separator
|
;; The same as .dnd-separator
|
||||||
:border-top (if hover
|
:border-top (if hover
|
||||||
"3px solid #ccc"
|
"3px solid #ccc"
|
||||||
nil)}}
|
nil)}}
|
||||||
[:div.flex.flex-row
|
[:div.flex.items-center
|
||||||
[:div.flex.flex-row.items-center.mr-2.ml-1 {:style {:height 24}}
|
[:div.flex.items-center.mx-1.pr-1 {:style {:height 24}}
|
||||||
[:span.bullet-container.cursor
|
[:span.bullet-container.cursor
|
||||||
[:span.bullet]]]
|
[:span.bullet]]]
|
||||||
(shui/trigger-as :div.flex.flex-1
|
(shui/trigger-as :div.flex.flex-1
|
||||||
|
@ -146,7 +146,7 @@
|
||||||
:on-drag-over #(util/stop %)
|
:on-drag-over #(util/stop %)
|
||||||
:on-drop drop-handler-fn
|
:on-drop drop-handler-fn
|
||||||
:on-drag-leave #(set-hover! false)}
|
:on-drag-leave #(set-hover! false)}
|
||||||
[:span.opacity-70
|
[:span.opacity-70.text
|
||||||
"Click here to edit..."])]]))))
|
"Click here to edit..."])]]))))
|
||||||
|
|
||||||
(rum/defc add-button
|
(rum/defc add-button
|
||||||
|
@ -516,7 +516,7 @@
|
||||||
|
|
||||||
(if (and whiteboard-page? (not sidebar?))
|
(if (and whiteboard-page? (not sidebar?))
|
||||||
[:div ((state/get-component :whiteboard/tldraw-preview) (:block/uuid page))] ;; FIXME: this is not reactive
|
[:div ((state/get-component :whiteboard/tldraw-preview) (:block/uuid page))] ;; FIXME: this is not reactive
|
||||||
[:div.relative.grid.gap-2
|
[:div.relative.grid.gap-2.page-inner
|
||||||
(when (and (not sidebar?) (not block?))
|
(when (and (not sidebar?) (not block?))
|
||||||
[:div.flex.flex-row.space-between
|
[:div.flex.flex-row.space-between
|
||||||
(when (or (mobile-util/native-platform?) (util/mobile?))
|
(when (or (mobile-util/native-platform?) (util/mobile?))
|
||||||
|
|
|
@ -242,6 +242,18 @@ html.is-native-ios {
|
||||||
@apply focus:ring-0 focus:ring-offset-0;
|
@apply focus:ring-0 focus:ring-offset-0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.ls-dummy-block {
|
||||||
|
@apply pb-[27px];
|
||||||
|
|
||||||
|
.bullet {
|
||||||
|
@apply relative top-[4px] left-[-2px];
|
||||||
|
}
|
||||||
|
|
||||||
|
.text {
|
||||||
|
@apply relative top-[3px];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.ls-preview-popup {
|
.ls-preview-popup {
|
||||||
@apply pl-6;
|
@apply pl-6;
|
||||||
}
|
}
|
Loading…
Reference in New Issue