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

🐛 Fix swap styles for groups names too long

Browse source
This commit is contained in:
Pablo Alba 2024-01-11 11:23:39 +01:00 • committed by Andrey Antukh
parent 0d1aed96c8
commit d204ae86f2
2 changed files with 8 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -17,6 +17,8 @@
} }
.path { .path {
@include textEllipsis;
max-width: 90%;
margin-left: $s-2; margin-left: $s-2;
text-transform: initial; text-transform: initial;
color: var(--title-foreground-color-hover); color: var(--title-foreground-color-hover);

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

@ -47,6 +47,8 @@
.component-name { .component-name {
@include titleTipography; @include titleTipography;
@include textEllipsis; @include textEllipsis;
direction: rtl;
text-align: left;
width: 70%; width: 70%;
flex-grow: 2; flex-grow: 2;
margin-left: $s-8; margin-left: $s-8;
@ -55,6 +57,9 @@
.component-parent-name { .component-parent-name {
@include titleTipography; @include titleTipography;
@include textEllipsis; @include textEllipsis;
direction: rtl;
text-align: left;
max-width: 95%;
padding-left: $s-36; padding-left: $s-36;
color: var(--title-foreground-color); color: var(--title-foreground-color);
} }
@ -224,6 +229,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
margin-bottom: $s-4; margin-bottom: $s-4;
padding-right: $s-8;
font-size: $s-12; font-size: $s-12;
cursor: pointer; cursor: pointer;
width: 100%; width: 100%;