Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-01-10 08:50:57 -05:00
Code Issues Activity

🐛 Hides grid when moving a frame

Browse source
This commit is contained in:
alonso.torres 2021-01-13 20:25:24 +01:00
parent a450dee7cf
commit a14686c9f3
1 changed files with 10 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
frontend/src/app/main/ui/workspace/frame_grid.cljs
View file

@ -10,6 +10,7 @@
(ns app.main.ui.workspace.frame-grid (ns app.main.ui.workspace.frame-grid
(:require (:require
[rumext.alpha :as mf] [rumext.alpha :as mf]
[okulary.core :as l]
[app.main.refs :as refs] [app.main.refs :as refs]
[app.common.math :as mth] [app.common.math :as mth]
[app.common.pages :as cp] [app.common.pages :as cp]
@ -81,10 +82,17 @@
:row [:> layout-grid props])))))) :row [:> layout-grid props]))))))
(def shapes-moving-ref
(let [moving-shapes (fn [local]
(when (= :move (:transform local))
(:selected local)))]
(l/derived moving-shapes refs/workspace-local)))
(mf/defc frame-grid [{:keys [zoom]}] (mf/defc frame-grid [{:keys [zoom]}]
(let [frames (mf/deref refs/workspace-frames)] (let [frames (mf/deref refs/workspace-frames)
shapes-moving (mf/deref shapes-moving-ref)]
[:g.grid-display {:style {:pointer-events "none"}} [:g.grid-display {:style {:pointer-events "none"}}
(for [frame frames] (for [frame (->> frames (remove #(contains? shapes-moving (:id %))))]
[:& grid-display-frame {:key (str "grid-" (:id frame)) [:& grid-display-frame {:key (str "grid-" (:id frame))
:zoom zoom :zoom zoom
:frame (gsh/transform-shape frame)}])])) :frame (gsh/transform-shape frame)}])]))