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

🐛 Fix layers tree not expanding towards the bottom edge

Browse source
This commit is contained in:
Belén Albeza 2024-06-11 13:37:32 +02:00 • committed by Alejandro Alonso
parent 00f7ea2b56
commit 04f341ce1d
9 changed files with 57 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

1
frontend/src/app/main/ui/components/tab_container.cljs
View file

@ -59,7 +59,6 @@
[:div {:key (str/concat "tab-" sid)
:title tooltip
:data-id sid
:data-testid sid
:on-click on-click
:class (stl/css-case
:tab-container-tab-title true

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

@ -38,8 +38,7 @@
(let [options-mode (mf/deref refs/options-mode-global)
mode-inspect? (= options-mode :inspect)
project (mf/deref refs/workspace-project)
show-pages? (mf/use-state true)
toggle-pages (mf/use-callback #(reset! show-pages? not))
section (cond (or mode-inspect? (contains? layout :layers)) :layers
(contains? layout :assets) :assets)
@ -50,9 +49,12 @@
{on-pointer-down :on-pointer-down on-lost-pointer-capture :on-lost-pointer-capture on-pointer-move :on-pointer-move parent-ref :parent-ref size :size}
(use-resize-hook :left-sidebar 275 275 500 :x false :left)
{on-pointer-down-pages :on-pointer-down on-lost-pointer-capture-pages :on-lost-pointer-capture on-pointer-move-pages :on-pointer-move size-pages :size}
{on-pointer-down-pages :on-pointer-down on-lost-pointer-capture-pages :on-lost-pointer-capture on-pointer-move-pages :on-pointer-move size-pages-opened :size}
(use-resize-hook :sitemap 200 38 400 :y false nil)
show-pages? (mf/use-state true)
toggle-pages (mf/use-callback #(reset! show-pages? not))
size-pages (mf/use-memo (mf/deps show-pages? size-pages-opened) (fn [] (if @show-pages? size-pages-opened 32)))
handle-collapse
(mf/use-fn #(st/emit! (dw/toggle-layout-flag :collapse-left-sidebar)))
@ -63,6 +65,7 @@
[:& (mf/provider muc/sidebar) {:value :left}
[:aside {:ref parent-ref
:id "left-sidebar-aside"
:data-testid "left-sidebar"
:data-size (str size)
:class (stl/css-case :left-settings-bar true
:global/two-row (<= size 300)

2
frontend/src/app/main/ui/workspace/sidebar.scss
View file

@ -84,10 +84,8 @@ $width-settings-bar-max: $s-500;
.resize-area-horiz {
position: absolute;
// top: calc($s-88 + var(--height, 200px));
left: 0;
width: 100%;
// height: $s-8;
border-bottom: $s-2 solid var(--resize-area-border-color);
cursor: ns-resize;
}

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

@ -510,7 +510,7 @@
(mf/use-fn
#(st/emit! (dw/toggle-focus-mode)))]
[:div#layers {:class (stl/css :layers) :data-testid "layers"}
[:div#layers {:class (stl/css :layers) :data-testid "layer-tree"}
(if (d/not-empty? focus)
[:div {:class (stl/css :tool-window-bar)}
[:button {:class (stl/css :focus-title)

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

@ -205,7 +205,6 @@
(fn [event]
(st/emit! (dw/create-page {:file-id file-id :project-id project-id}))
(-> event dom/get-current-target dom/blur!)))
size (if show-pages? size 32)
read-only? (mf/use-ctx ctx/workspace-read-only?)]
[:div {:class (stl/css :sitemap)