clone/logseq
1
0
Fork 0
mirror of https://github.com/logseq/logseq.git synced 2026-05-24 12:44:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): wrong position of page preview tip #5268

Browse Source
This commit is contained in:
charlie
2022-05-14 16:15:24 +08:00
committed by Tienson Qin
parent 0f23c7b7b5
commit 9ad2ce417b
1 changed files with 52 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

79
src/main/frontend/components/block.cljs
View File

@@ -457,41 +457,66 @@
(rum/defc page-preview-trigger
[{:keys [children sidebar? tippy-position tippy-distance fixed-position? open? manual?] :as config} page-name]
(let [page-name (util/page-name-sanity-lc page-name)
(let [*tippy-ref (rum/create-ref)
page-name (util/page-name-sanity-lc page-name)
redirect-page-name (or (model/get-redirect-page-name page-name (:block/alias? config))
page-name)
page-original-name (model/get-page-original-name redirect-page-name)
html-template (fn []
(when redirect-page-name
[:div.tippy-wrapper.overflow-y-auto.p-4
{:style {:width 600
:text-align "left"
:font-weight 500
:max-height 600
:padding-bottom 64}}
(if (and (string? page-original-name) (string/includes? page-original-name "/"))
[:div.my-2
(->>
(for [page (string/split page-original-name #"/")]
(when (and (string? page) page)
(page-reference false page {} nil)))
(interpose [:span.mx-2.opacity-30 "/"]))]
[:h2.font-bold.text-lg (if (= page-name redirect-page-name)
page-original-name
[:span
[:span.text-sm.mr-2 "Alias:"]
page-original-name])])
(let [page (db/entity [:block/name (util/page-name-sanity-lc redirect-page-name)])]
(editor-handler/insert-first-page-block-if-not-exists! redirect-page-name {:redirect? false})
(when-let [f (state/get-page-blocks-cp)]
(f (state/get-current-repo) page {:sidebar? sidebar? :preview? true})))]))]
html-template (rum/defc _ []
(let [*el-popup (rum/use-ref nil)]
(rum/use-effect!
(fn []
(let [el-popup (rum/deref *el-popup)
cb (fn [^js e]
(when-not (:editor/editing? @state/state)
;; Esc
(and (= e.which 27)
(when-let [tp (rum/deref *tippy-ref)]
(.hideTooltip tp)))))]
(js/setTimeout #(.focus el-popup))
(.addEventListener el-popup "keyup" cb)
#(.removeEventListener el-popup "keyup" cb)))
[])
(when redirect-page-name
[:div.tippy-wrapper.overflow-y-auto.p-4.outline-none
{:ref *el-popup
:tab-index -1
:style {:width 600
:text-align "left"
:font-weight 500
:max-height 600
:padding-bottom 64}}
(if (and (string? page-original-name) (string/includes? page-original-name "/"))
[:div.my-2
(->>
(for [page (string/split page-original-name #"/")]
(when (and (string? page) page)
(page-reference false page {} nil)))
(interpose [:span.mx-2.opacity-30 "/"]))]
[:h2.font-bold.text-lg (if (= page-name redirect-page-name)
page-original-name
[:span
[:span.text-sm.mr-2 "Alias:"]
page-original-name])])
(let [page (db/entity [:block/name (util/page-name-sanity-lc redirect-page-name)])]
(editor-handler/insert-first-page-block-if-not-exists! redirect-page-name {:redirect? false})
(when-let [f (state/get-page-blocks-cp)]
(f (state/get-current-repo) page {:sidebar? sidebar? :preview? true})))])))]
(if (or (not manual?) open?)
(ui/tippy {:html html-template
(ui/tippy {:ref *tippy-ref
:html html-template
:interactive true
:delay [1000, 100]
:fixed-position? fixed-position?
:position (or tippy-position "top")
:distance (or tippy-distance 10)}
:distance (or tippy-distance 10)
:popperOptions {:modifiers {:preventOverflow
{:enabled true
:boundariesElement "viewport"}}}}
children)
children)))