3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-05-29 17:26:12 +02:00
Code Issues Projects Releases Packages Wiki Activity

add new layers functions design

Browse source
This commit is contained in:
Juan de la Cruz 2016-01-07 19:35:18 +01:00
parent b6900584f7
commit ee6399b10d
6 changed files with 245 additions and 143 deletions
Download patch file Download diff file Expand all files Collapse all files

56
frontend/uxbox/ui/workspace/toolboxes.cljs
View file

@ -101,13 +101,63 @@
:class (when selected? "selected")}
[:div.toggle-element
{:class (when visible? "selected")
:on-click #(actions/toggle-shape-visibility conn shape-id)} icons/eye]
:on-click #(actions/toggle-shape-visibility conn shape-id)} i/eye]
[:div.block-element
{:class (when locked? "selected")
:on-click #(actions/toggle-shape-lock conn shape-id)} icons/lock]
:on-click #(actions/toggle-shape-lock conn shape-id)} i/lock]
[:div.element-icon
(shapes/icon raw-shape)]
[:span (shapes/name raw-shape)]]))]]])))
[:span (shapes/name raw-shape)]]))
;; TODO GROUPS
[:li
[:div.element-actions
[:div.toggle-element i/eye]
[:div.block-element i/lock]]
[:div.element-icon i/box]
[:span "Layer name"]]
[:li.group
[:div.element-actions
[:div.toggle-element i/eye]
[:div.block-element i/lock]
[:div.chain-element i/chain]]
[:div.element-icon i/folder]
[:span "Closed group"]
[:span.toggle-content i/arrow-slide]]
[:li.group.open
[:div.element-actions
[:div.toggle-element i/eye]
[:div.block-element i/lock]
[:div.chain-element i/chain]]
[:div.element-icon i/folder]
[:span "Opened group"]
[:span.toggle-content i/arrow-slide]]
[:li
[:div.element-actions
[:div.toggle-element i/eye]
[:div.block-element i/lock]]
[:div.sublevel-element i/sublevel]
[:div.element-icon i/box]
[:span "Sub layer"]]
[:li.group
[:div.element-actions
[:div.toggle-element i/eye]
[:div.block-element i/lock]
[:div.chain-element i/chain]]
[:div.sublevel-element i/sublevel]
[:div.element-icon i/folder]
[:span "Sub group"]
[:span.toggle-content i/arrow-slide]]]]
[:div.layers-tools
[:ul.layers-tools-content
[:li.clone-layer i/copy]
[:li.group-layer i/folder]
[:li.delete-layer i/trash]
]]])))
(def ^:static layers
(util/component