Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-01-23 23:18:48 -05:00
Code Issues Activity

Add invisible background to paths.

Browse source 
In order to make more easy to the
user select and move them.
This commit is contained in:
Andrey Antukh 2017-02-26 21:19:39 +01:00
parent 4a804ae467
commit ac49728758
No known key found for this signature in database
GPG key ID: 4DFEBCB8316A8B95
1 changed files with 16 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
frontend/src/uxbox/main/ui/shapes/path.cljs
View file

@ -25,7 +25,9 @@
(let [modifiers (mx/react (common/modifiers-ref id))
selected (mx/react common/selected-ref)
selected? (contains? selected id)
shape (assoc shape :modifiers modifiers)]
shape (assoc shape
:modifiers modifiers
:background? true)]
(letfn [(on-mouse-down [event]
(common/on-mouse-down event shape selected))
(on-double-click [event]
@ -61,14 +63,19 @@
(mx/defc path-shape
{:mixins [mx/static]}
[{:keys [id modifiers rotation] :as shape}]
[{:keys [id modifiers background?] :as shape}]
(let [{:keys [resize displacement]} modifiers
shape (cond-> shape
displacement (geom/transform displacement)
resize (geom/transform resize)
(pos? rotation) (geom/rotate-shape))
props {:id (str id)
:d (render-path shape)}
attrs (merge props (attrs/extract-style-attrs shape))]
[:path attrs]))
resize (geom/transform resize))
pdata (render-path shape)
attrs (merge {:id (str id) :d pdata}
(attrs/extract-style-attrs shape))]
(if background?
[:g {}
[:path {:stroke "transparent"
:fill "transparent"
:stroke-width "20px"
:d pdata}]
[:path attrs]]
[:path attrs])))