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

🐛 Fix edit grid unit dropdown being clipped

Browse source
This commit is contained in:
Belén Albeza 2024-10-18 11:32:10 +02:00 • committed by Alonso Torres
parent 97a880c946
commit fe6c9f24d3
6 changed files with 359 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

6
frontend/src/app/main/ui/workspace/sidebar/options/menus/layout_container.cljs
View file

@ -776,13 +776,14 @@
track-detail (str/join ", " (map manage-values column-values))
type (if is-column :column :row)
testid (when (not is-column) "inspect-layout-rows")
add-track
#(do
(when-not expanded? (toggle))
(add-new-element type ctl/default-track-value))]
[:div {:class (stl/css :grid-tracks)}
[:div {:class (stl/css :grid-tracks) :data-testid testid}
[:div {:class (stl/css :grid-track-header)}
[:button {:class (stl/css :expand-icon) :on-click toggle} i/menu]
[:div {:class (stl/css :track-title) :on-click toggle}
@ -982,7 +983,7 @@
on-hide-dropdown
(mf/use-fn #(reset! show-dropdown* false))]
[:div {:class (stl/css :element-set)}
[:div {:class (stl/css :element-set) :data-testid "inspect-layout"}
[:div {:class (stl/css :element-title)}
[:& title-bar
{:collapsable has-layout?
@ -996,6 +997,7 @@
(when ^boolean grid-enabled?
[:*
[:button {:class (stl/css :add-layout)
:aria-label "Add"
:on-click on-toggle-dropdown-visibility}
i/menu]

3
frontend/src/app/main/ui/workspace/sidebar/options/menus/layout_container.scss
View file

@ -150,7 +150,6 @@
.grid-layout-menu {
@include flexColumn;
gap: $s-8;
overflow: hidden;
.row {
@include flexRow;
@ -282,7 +281,7 @@
}
.track-title {
@include flexColumn;
display: grid;
flex-grow: 1;
padding: $s-8;
gap: 0;