Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-01-24 07:29:08 -05:00
Code Issues 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;
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.path :refer (path-shape)]
[uxbox.main.ui.shapes.circle :refer (circle-shape)]
[uxbox.main.ui.icons :as i]
[uxbox.view.ui.viewer.interactions :as itx])
(:import goog.events.EventType))
@ -52,10 +53,11 @@
[:g {:id (str "itx-" (:id shape))}
(factory shape)
(when show-itx?
[:circle {:fill "red"
:cx (:x rect)
:cy (:y rect)
:r 10}])]))
[:div.interaction-mark i/trash])]))
; [:circle {:fill "red"
; :cx (:x rect)
; :cy (:y rect)
; :r 10}])]))
;; --- Shapes
@ -75,4 +77,3 @@
[sid]
(let [item (get-in @st/state [:shapes-by-id sid])]
(interactions-wrapper item shape*)))