0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-02-14 11:09:04 -05:00

🐛 Fix layout effects in viewer

This commit is contained in:
Eva 2022-09-14 12:45:54 +02:00
parent 8e2ccfb4b0
commit ffaf5d835d

View file

@ -354,14 +354,14 @@
(events/unlistenByKey key1) (events/unlistenByKey key1)
(events/unlistenByKey key2)))) (events/unlistenByKey key2))))
(mf/use-layout-effect (mf/use-effect
(fn [] (fn []
(set-up-new-size) (set-up-new-size)
(.addEventListener js/window "resize" set-up-new-size) (.addEventListener js/window "resize" set-up-new-size)
(fn [] (fn []
(.removeEventListener js/window "resize" set-up-new-size)))) (.removeEventListener js/window "resize" set-up-new-size))))
(mf/use-layout-effect (mf/use-effect
(mf/deps nav-scroll) (mf/deps nav-scroll)
(fn [] (fn []
;; Set scroll position after navigate ;; Set scroll position after navigate
@ -381,19 +381,19 @@
(wapi/request-fullscreen wrapper) (wapi/request-fullscreen wrapper)
(wapi/exit-fullscreen)))))) (wapi/exit-fullscreen))))))
(mf/use-layout-effect (mf/use-effect
(mf/deps page) (mf/deps zoom-type)
(fn [] (fn []
(case zoom-type (case zoom-type
:fit (st/emit! dv/zoom-to-fit) :fit (st/emit! dv/zoom-to-fit)
:fill (st/emit! dv/zoom-to-fill) :fill (st/emit! dv/zoom-to-fill)
nil))) nil)))
(mf/use-layout-effect (mf/use-effect
(mf/deps index current-animations) (mf/deps index current-animations zoom-type)
(fn [] (fn []
(case zoom-type (case zoom-type
:fit (st/emit! dv/zoom-to-fit) :fit (st/emit! dv/zoom-to-fit)
:fill (st/emit! dv/zoom-to-fill) :fill (st/emit! dv/zoom-to-fill)
nil) nil)
;; Navigate animation needs to be started after navigation ;; Navigate animation needs to be started after navigation
@ -410,7 +410,7 @@
orig-size orig-size
wrapper-size)))))) wrapper-size))))))
(mf/use-layout-effect (mf/use-effect
(mf/deps current-animations) (mf/deps current-animations)
(fn [] (fn []
;; Overlay animations may be started when needed. ;; Overlay animations may be started when needed.