Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-02-08 16:18:11 -05:00
Code Issues Activity

fix group styles

Browse source
This commit is contained in:
Juan de la Cruz 2016-01-17 11:02:59 +01:00
parent 6c0d61278a
commit ee3ed22e2c
2 changed files with 104 additions and 89 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
resources/public/styles/partials/settings-bar.scss
View file

@ -195,10 +195,16 @@
width: 100%;
li {
box-sizing: border-box;
cursor: pointer;
display: flex;
flex-direction: column;
width: 100%;
.element-list-body {
align-items: center;
border-bottom: 1px solid $color-gray-darker;
box-sizing: border-box;
cursor: pointer;
display: flex;
padding: $small;
width: 100%;
@ -310,4 +316,6 @@
}
}
}

27
src/uxbox/ui/workspace/toolboxes.cljs
View file

@ -134,6 +134,7 @@
[:li {:key (str (:id item))
:on-click select
:class (when selected? "selected")}
[:div.element-list-body
[:div.element-actions
[:div.toggle-element {:class (when-not (:hidden item) "selected")
:on-click toggle-visibility}
@ -143,7 +144,7 @@
i/lock]]
[:div.element-icon (shapes/render item)]
[:span (or (:name item)
(:id item))]])))
(:id item))]]])))
(def ^:static ^:private layer-element
(mx/component
@ -173,29 +174,35 @@
(rum/with-key component (:id shape)))
[:li.group.open
[:div.element-list-body
[: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]
[:span.toggle-content i/arrow-slide]]
[:ul
[: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
[:div.element-list-body
[: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"]]]]]]
[:span "Sub layer"]]]
[:li
[:div.element-list-body
[: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"]]]]]]]
[:div.layers-tools
[:ul.layers-tools-content
[:li.clone-layer {:on-click copy}