3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-06-13 03:31:38 +02:00
Code Issues Projects Releases Packages Wiki Activity

💄 Add some cosmetic changes to sidebar ns

Browse source
This commit is contained in:
Andrey Antukh 2024-08-23 09:58:05 +02:00
parent a091c9c910
commit 868af29d14
1 changed files with 28 additions and 35 deletions
Download patch file Download diff file Expand all files Collapse all files

63
frontend/src/app/main/ui/workspace/sidebar.cljs
View file

@ -73,47 +73,40 @@
on-tab-change on-tab-change
(mf/use-fn #(st/emit! (dw/go-to-layout (keyword %)))) (mf/use-fn #(st/emit! (dw/go-to-layout (keyword %))))
tabs (if ^boolean mode-inspect? layers-tab
#js [#js {:label (tr "workspace.sidebar.layers") (mf/html
:id "layers" [:article {:class (stl/css :layers-tab)
:content (mf/html [:article {:class (stl/css :layers-tab) :style #js {"--height" (str size-pages "px")}}
:style #js {"--height" (str size-pages "px")}}
[:& sitemap {:layout layout [:& sitemap {:layout layout
:toggle-pages toggle-pages :toggle-pages toggle-pages
:show-pages? @show-pages? :show-pages? @show-pages?
:size size-pages}] :size size-pages}]
(when @show-pages? (when @show-pages?
[:div {:class (stl/css :resize-area-horiz) [:div {:class (stl/css :resize-area-horiz)
:on-pointer-down on-pointer-down-pages :on-pointer-down on-pointer-down-pages
:on-lost-pointer-capture on-lost-pointer-capture-pages :on-lost-pointer-capture on-lost-pointer-capture-pages
:on-pointer-move on-pointer-move-pages}]) :on-pointer-move on-pointer-move-pages}])
[:& layers-toolbox {:size-parent size [:& layers-toolbox {:size-parent size
:size size-pages}]])}] :size size-pages}]])
#js [#js {:label (tr "workspace.sidebar.layers")
:id "layers"
:content (mf/html [:article {:class (stl/css :layers-tab)
:style #js {"--height" (str size-pages "px")}}
[:& sitemap {:layout layout
:toggle-pages toggle-pages
:show-pages? @show-pages?
:size size-pages}]
(when @show-pages? assets-tab
[:div {:class (stl/css :resize-area-horiz) (mf/html [:& assets-toolbox {:size (- size 58)}])
:on-pointer-down on-pointer-down-pages
:on-lost-pointer-capture on-lost-pointer-capture-pages
:on-pointer-move on-pointer-move-pages}])
[:& layers-toolbox {:size-parent size
:size size-pages}]])}
#js {:label (tr "workspace.toolbar.assets")
:id "assets"
:content (mf/html [:& assets-toolbox {:size (- size 58)}])}])]
tabs
(if ^boolean mode-inspect?
#js [#js {:label (tr "workspace.sidebar.layers")
:id "layers"
:content layers-tab}]
#js [#js {:label (tr "workspace.sidebar.layers")
:id "layers"
:content layers-tab}
#js {:label (tr "workspace.toolbar.assets")
:id "assets"
:content assets-tab}])]
[:& (mf/provider muc/sidebar) {:value :left} [:& (mf/provider muc/sidebar) {:value :left}
[:aside {:ref parent-ref [:aside {:ref parent-ref