github/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2026-09-07 04:29:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

add interaction mark

Browse Source
This commit is contained in:
elhombretecla 2016-10-03 14:44:04 +02:00
parent d2af74a07e
commit 61c0632fdb
2 changed files with 21 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
resources/styles/view/layouts/main-layout.scss
View File

@ -220,3 +220,18 @@
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
.interaction-mark {
align-items: center;
background-color: $color-primary;
border-radius: 50%;
display: flex;
justify-content: center;
height: 20px;
width: 20px;
svg {
fill: $color-white;
height: 15px;
width: 15px;
}
}

11
src/uxbox/view/ui/viewer/shapes.cljs
View File

@ -16,6 +16,7 @@
[uxbox.main.ui.shapes.group :refer (group-shape)] [uxbox.main.ui.shapes.group :refer (group-shape)]
[uxbox.main.ui.shapes.path :refer (path-shape)] [uxbox.main.ui.shapes.path :refer (path-shape)]
[uxbox.main.ui.shapes.circle :refer (circle-shape)] [uxbox.main.ui.shapes.circle :refer (circle-shape)]
[uxbox.main.ui.icons :as i]
[uxbox.view.ui.viewer.interactions :as itx]) [uxbox.view.ui.viewer.interactions :as itx])
(:import goog.events.EventType)) (:import goog.events.EventType))
@ -52,10 +53,11 @@
[:g {:id (str "itx-" (:id shape))} [:g {:id (str "itx-" (:id shape))}
(factory shape) (factory shape)
(when show-itx? (when show-itx?
[:circle {:fill "red" [:div.interaction-mark i/trash])]))
:cx (:x rect) ; [:circle {:fill "red"
:cy (:y rect) ; :cx (:x rect)
:r 10}])])) ; :cy (:y rect)
; :r 10}])]))
;; --- Shapes ;; --- Shapes
@ -75,4 +77,3 @@
[sid] [sid]
(let [item (get-in @st/state [:shapes-by-id sid])] (let [item (get-in @st/state [:shapes-by-id sid])]
(interactions-wrapper item shape*))) (interactions-wrapper item shape*)))