diff --git a/frontend/src/app/main/ui/hooks/resize.cljs b/frontend/src/app/main/ui/hooks/resize.cljs index 5a4216054..54d5f4e2d 100644 --- a/frontend/src/app/main/ui/hooks/resize.cljs +++ b/frontend/src/app/main/ui/hooks/resize.cljs @@ -48,6 +48,14 @@ start-size-ref (mf/use-ref nil) start-ref (mf/use-ref nil) + window-height (dom/get-window-height) + + max-val (mf/with-memo [max-val window-height] + (let [parsed-max-val (when (string? max-val) (d/parse-double max-val))] + (if parsed-max-val + (* window-height parsed-max-val) + max-val))) + on-pointer-down (mf/use-fn (mf/deps current-size) @@ -79,6 +87,7 @@ (get axis)) start-size (mf/ref-val start-size-ref) + new-size (-> (+ start-size delta) (max min-val) (min max-val))] (reset! current-size* new-size) (swap! storage/user update-persistent-state file-id key new-size))))) diff --git a/frontend/src/app/main/ui/workspace/sidebar.cljs b/frontend/src/app/main/ui/workspace/sidebar.cljs index 788aea01b..f28f04ac2 100644 --- a/frontend/src/app/main/ui/workspace/sidebar.cljs +++ b/frontend/src/app/main/ui/workspace/sidebar.cljs @@ -78,7 +78,7 @@ on-lost-pointer-capture-pages :on-lost-pointer-capture on-pointer-move-pages :on-pointer-move size-pages-opened :size} - (use-resize-hook :sitemap 200 38 400 :y false nil) + (use-resize-hook :sitemap 200 38 "0.6" :y false nil) show-pages? (mf/use-state true) toggle-pages (mf/use-fn #(reset! show-pages? not)) diff --git a/frontend/src/app/main/ui/workspace/tokens/sidebar.cljs b/frontend/src/app/main/ui/workspace/tokens/sidebar.cljs index 975a31bd1..86e6157b9 100644 --- a/frontend/src/app/main/ui/workspace/tokens/sidebar.cljs +++ b/frontend/src/app/main/ui/workspace/tokens/sidebar.cljs @@ -365,7 +365,7 @@ on-lost-pointer-capture-pages :on-lost-pointer-capture on-pointer-move-pages :on-pointer-move size-pages-opened :size} - (use-resize-hook :tokens 200 38 400 :y false nil)] + (use-resize-hook :tokens 200 38 "0.6" :y false nil)] [:div {:class (stl/css :sidebar-wrapper)} [:& themes-sets-tab {:resize-height size-pages-opened}] [:article {:class (stl/css :tokens-section-wrapper) diff --git a/frontend/src/app/util/dom.cljs b/frontend/src/app/util/dom.cljs index 2d3b6c0b9..026986ce9 100644 --- a/frontend/src/app/util/dom.cljs +++ b/frontend/src/app/util/dom.cljs @@ -457,6 +457,10 @@ {:width (.-innerWidth ^js js/window) :height (.-innerHeight ^js js/window)}) +(defn get-window-height + [] + (.-innerHeight ^js js/window)) + (defn get-computed-styles [node] (js/getComputedStyle node))