Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-02-18 21:06:11 -05:00
Code Issues Activity

🐛 Fix when component has a long name then its icon and '3 dots' menu are not visible on Design tab

Browse source
This commit is contained in:
Pablo Alba 2023-07-24 13:53:44 +02:00 • committed by Andrés Moya
parent d02129ef04
commit b62a149b34
2 changed files with 7 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
frontend/resources/styles/main/partials/sidebar-element-options.scss
View file

@ -555,6 +555,12 @@
margin-right: $size-2; margin-right: $size-2;
} }
.component-name {
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
}
.row-actions { .row-actions {
margin-left: auto; margin-left: auto;
cursor: pointer; cursor: pointer;

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

@ -224,7 +224,7 @@
(if main-instance? (if main-instance?
i/component i/component
i/component-copy) i/component-copy)
shape-name [:div.component-name shape-name]
[:div.row-actions [:div.row-actions
{:on-click on-menu-click} {:on-click on-menu-click}
i/actions i/actions