greatbody
/
logseq
mirror of https://github.com/logseq/logseq
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix: modals positions 

close https://github.com/logseq/logseq/issues/5053
pull/5095/head
llcc 2022-04-24 13:31:31 +08:00 committed by Tienson Qin
parent 8d8dde5024
commit 3f8296135b
3 changed files with 17 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/main/frontend/components/datetime.cljs
View File

@ -117,7 +117,7 @@
:on-enter on-submit) 100)))) :on-enter on-submit) 100))))
[] []
(let [{:keys [time repeater]} (rum/react *timestamp)] (let [{:keys [time repeater]} (rum/react *timestamp)]
[:div#time-repeater.py-1.px-4 {:style {:min-width 300}} [:div#time-repeater.py-1.px-4
[:p.text-sm.opacity-50.font-medium.mt-4 "Time:"] [:p.text-sm.opacity-50.font-medium.mt-4 "Time:"]
(time-input time) (time-input time)

9
src/main/frontend/components/editor.cljs
View File

@ -387,7 +387,6 @@
(when (> ofx 0) (when (> ofx 0)
(set! (.-transform (.-style el)) (str "translateX(-" (+ ofx 20) "px)"))))))) (set! (.-transform (.-style el)) (str "translateX(-" (+ ofx 20) "px)")))))))
[right-sidebar? editing-key]) [right-sidebar? editing-key])
;; FIXME: for translateY layer
x-overflow-vw? (when (and (seq rect) (> vw-width max-width)) x-overflow-vw? (when (and (seq rect) (> vw-width max-width))
(let [delta-width (- vw-width (+ (:left rect) left))] (let [delta-width (- vw-width (+ (:left rect) left))]
(< delta-width (* max-width 0.5)))) (< delta-width (* max-width 0.5))))
@ -408,9 +407,11 @@
:z-index 11} :z-index 11}
(when set-default-width? (when set-default-width?
{:width max-width}) {:width max-width})
(if config/mobile? (let [^js/HTMLElement textarea
{:left 0} (js/document.querySelector "textarea")]
{:left (if (and y-diff (= y-diff 0)) left 0)}))} (if (<= (.-clientWidth textarea) (+ left (if set-default-width? max-width 500)))
{:right 0}
{:left (if (and y-diff (= y-diff 0)) left 0)})))}
cp])) cp]))
(rum/defc transition-cp < rum/reactive (rum/defc transition-cp < rum/reactive

11
src/main/frontend/components/editor.css
View File

@ -93,3 +93,14 @@ pre {
.preview-trigger-wrapper > [data-tooltipped] { .preview-trigger-wrapper > [data-tooltipped] {
display: block !important; display: block !important;
} }
#time-repeater {
width: 135px;
@screen sm {
min-width: 300px;
}
}