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

🐛 Fix assets group name when is too long

Browse source
This commit is contained in:
Eva Marco 2024-03-13 09:57:12 +01:00
parent 946677f5b3
commit 98b41a5bff
2 changed files with 5 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

25
frontend/src/app/main/ui/components/title_bar.scss
View file

@ -20,9 +20,10 @@
.title-only, .title-only,
.inspect-title { .inspect-title {
@include uppercaseTitleTipography; @include uppercaseTitleTipography;
display: flex; display: grid;
align-items: center; align-items: center;
flex-grow: 1; justify-content: flex-start;
grid-auto-flow: column;
height: 100%; height: 100%;
min-height: $s-32; min-height: $s-32;
color: var(--title-foreground-color); color: var(--title-foreground-color);
@ -30,7 +31,8 @@
} }
.title-only { .title-only {
margin-left: $s-8; --title-bar-title-margin: #{$s-8};
margin-inline-start: var(--title-bar-title-margin);
} }
.inspect-title { .inspect-title {
@ -66,23 +68,6 @@
} }
} }
.title,
.title-only {
@include uppercaseTitleTipography;
display: flex;
align-items: center;
flex-grow: 1;
height: 100%;
min-height: $s-32;
color: var(--title-foreground-color);
overflow: hidden;
}
.title-only {
--title-bar-title-margin: #{$s-8};
margin-inline-start: var(--title-bar-title-margin);
}
.title-only-icon-gap { .title-only-icon-gap {
--title-bar-title-margin: #{$s-12}; --title-bar-title-margin: #{$s-12};
} }

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

@ -18,7 +18,6 @@
.path { .path {
@include textEllipsis; @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);