Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-01-09 08:20:45 -05:00
Code Issues Activity

🐛 Fix mixed selection of few components name are truncated

Browse source
This commit is contained in:
Pablo Alba 2024-02-21 11:16:36 +01:00 committed by Alejandro Alonso
parent e7e70b4edd
commit bdc303e778
2 changed files with 11 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -522,7 +522,8 @@
(when open? (when open?
[:div {:class (stl/css :element-content)} [:div {:class (stl/css :element-content)}
[:div {:class (stl/css-case :component-wrapper true [:div {:class (stl/css-case :component-wrapper true
:with-actions show-menu?)} :with-actions show-menu?
:without-actions (not show-menu?))}
[:button {:class (stl/css-case :component-name-wrapper true [:button {:class (stl/css-case :component-name-wrapper true
:with-main (and can-swap? (not multi)) :with-main (and can-swap? (not multi))
:swappeable (and can-swap? (not swap-opened?))) :swappeable (and can-swap? (not swap-opened?)))

9
frontend/src/app/main/ui/workspace/sidebar/options/menus/component.scss
View file

@ -51,6 +51,15 @@
grid-template-columns: 1fr $s-28; grid-template-columns: 1fr $s-28;
gap: $s-2; gap: $s-2;
} }
&.without-actions {
padding-right: 0.5rem;
.component-name-wrapper {
width: 100%;
border-radius: $br-8;
}
}
} }
.component-name-wrapper { .component-name-wrapper {