Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-03-13 16:21:57 -05:00
Code Issues Activity

✨ Maintain artboard label size on zoom

Browse source
This commit is contained in:
Andrés Moya 2020-04-03 10:22:17 +02:00 • committed by Andrey Antukh
parent 1d8f2dd735
commit 9f664f5239
1 changed files with 13 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
frontend/src/uxbox/main/ui/shapes/frame.cljs
View file

@ -58,7 +58,10 @@
{::mf/wrap [wrap-memo-frame]}
[{:keys [shape objects] :as props}]
(when (and shape (not (:hidden shape)))
(let [selected-iref (-> (mf/deps (:id shape))
(let [zoom (mf/deref refs/selected-zoom)
inv-zoom (/ 1 zoom)
selected-iref (-> (mf/deps (:id shape))
(mf/use-memo #(refs/make-selected (:id shape))))
selected? (mf/deref selected-iref)
on-mouse-down #(common/on-mouse-down % shape)
@ -81,12 +84,18 @@
:on-context-menu on-context-menu
:on-double-click on-double-click
:on-mouse-down on-mouse-down}
[:text {:x (:x label-pos)
:y (:y label-pos)
[:text {:x 0
:y 0
:width width
:height 20
:class-name "workspace-frame-label"
:on-click on-double-click} ; user may also select with single click in the label
; Ensure that the label has always the same font size, regardless of zoom
; https://css-tricks.com/transforms-on-svg-elements/
:transform (str
"scale(" inv-zoom ", " inv-zoom ") "
"translate(" (* zoom (:x label-pos)) ", " (* zoom (:y label-pos)) ")")
; User may also select the frame with single click in the label
:on-click on-double-click}
(:name shape)]
[:& (frame-shape shape-wrapper) {:shape shape
:childs childs}]]))))