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

🐛 Fix UI with long named colors (#6193)

Browse source
This commit is contained in:
Eva Marco 2025-03-31 15:33:30 +02:00 • committed by GitHub
parent c259b8ed46
commit 89876ef96f
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 6 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

24
frontend/src/app/main/ui/inspect/attributes/common.scss
View file

@ -70,36 +70,23 @@
visibility: visible; visibility: visible;
} }
} }
.one-line { .one-line {
max-height: $s-32; max-height: $s-32;
} }
.two-line { .two-line {
display: grid; display: grid;
grid-template-rows: 1fr 1fr; grid-template-rows: auto 1fr;
gap: $s-4;
} }
.color-name-wrapper { .color-name-wrapper {
@include bodySmallTypography; @include bodySmallTypography;
@include flexColumn; @include flexColumn;
padding: $s-8 $s-4 $s-8 $s-8; padding: $s-8 $s-4 $s-8 $s-8;
height: $s-32; height: $s-32;
max-width: $s-80; max-width: $s-80;
&.gradient-color {
color: var(--menu-foreground-color);
max-width: $s-124;
}
.color-name-library {
@include bodySmallTypography;
@include textEllipsis;
text-align: left;
height: $s-16;
color: var(--menu-foreground-color-rest);
}
.color-value-wrapper {
@include bodySmallTypography;
height: $s-16;
color: var(--menu-foreground-color);
}
} }
.opacity-info { .opacity-info {
@ -152,6 +139,7 @@
.color-name-library { .color-name-library {
@include inspectValue; @include inspectValue;
color: var(--menu-foreground-color-rest); color: var(--menu-foreground-color-rest);
word-break: break-word;
} }
.image-download { .image-download {