3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-08-07 14:38:33 +02:00
Code Issues Projects Releases Packages Wiki Activity

🐛 Fix component sidebar title style

Browse source
This commit is contained in:
Pablo Alba 2023-10-20 17:02:17 +02:00
parent 2fe820304e
commit fd75974c2c
2 changed files with 41 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

36
frontend/src/app/main/ui/workspace/sidebar/options/menus/component.cljs
View file

@ -387,9 +387,13 @@
(swap! state* update :menu-open not)))
on-menu-close
(mf/use-callback
(mf/use-fn
#(swap! state* assoc :menu-open false))
on-component-back
(mf/use-fn
#(st/emit! :interrupt))
menu-entries (cmm/generate-components-menu-entries shapes components-v2)
show-menu? (seq menu-entries)]
@ -427,17 +431,25 @@
[:& component-annotation {:id id :shape shape :component component}])])]
[:div.element-set
[:div.element-set-title {:class (stl/css-case :back swap-opened?)
:on-click #(when swap-opened? (st/emit! :interrupt))}
[:div
(when swap-opened?
[:span
i/arrow-slide])
[:span (tr "workspace.options.component")]]
(when-not multi
[:span (if main-instance?
(tr "workspace.options.component.main")
(tr "workspace.options.component.copy"))])]
(if swap-opened?
[:button.element-set-title.component-block-title {:class (stl/css-case :back swap-opened?)
:on-click on-component-back}
[:div
[:span i/arrow-slide]
[:span (tr "workspace.options.component")]]
(when-not multi
[:span (if main-instance?
(tr "workspace.options.component.main")
(tr "workspace.options.component.copy"))])]
[:div.element-set-title
[:span (tr "workspace.options.component")]
(when-not multi
[:span (if main-instance?
(tr "workspace.options.component.main")
(tr "workspace.options.component.copy"))])])
[:div.element-set-content
[:div.row-flex.component-row
{:class (stl/css-case :copy can-swap?)