Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-03-21 04:01:24 -05:00
Code Issues Activity

Hide dragged item on layers sidebar widget.

Browse source
This commit is contained in:
Andrey Antukh 2017-03-01 17:57:03 +01:00
parent 4aa3372e5b
commit 4dc728378c
No known key found for this signature in database
GPG key ID: 4DFEBCB8316A8B95
1 changed files with 11 additions and 9 deletions

20
frontend/src/uxbox/main/ui/workspace/sidebar/layers.cljs
View file

@ -130,12 +130,15 @@
select #(select-shape selected item %)
toggle-visibility #(toggle-visibility selected item %)
toggle-blocking #(toggle-blocking item %)
classes (classnames
:selected selected?
:drag-active (:dragging @local)
:drag-top (= :top (:over @local))
:drag-bottom (= :bottom (:over @local))
:drag-inside (= :middle (:over @local)))]
li-classes (classnames
:selected selected?
:hide (:dragging @local))
body-classes (classnames
:selected selected?
:drag-active (:dragging @local)
:drag-top (= :top (:over @local))
:drag-bottom (= :bottom (:over @local))
:drag-inside (= :middle (:over @local)))]
(letfn [(on-drag-start [event]
(let [target (dom/event->target event)]
(dnd/set-allowed-effect! event "move")
@ -161,10 +164,9 @@
(swap! local assoc :over true))
(on-drag-leave [event]
(swap! local assoc :over false))]
[:li {:key (str (:id item))
:class (when selected? "selected")}
[:li {:class li-classes}
[:div.element-list-body
{:class classes
{:class body-classes
:style {:opacity (if (:dragging @local)
"0.5"
"1")}