Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-04-12 23:11:23 -05:00
Code Issues 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
Show stats 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;
}
}
.one-line {
max-height: $s-32;
}
.two-line {
display: grid;
grid-template-rows: 1fr 1fr;
grid-template-rows: auto 1fr;
gap: $s-4;
}
.color-name-wrapper {
@include bodySmallTypography;
@include flexColumn;
padding: $s-8 $s-4 $s-8 $s-8;
height: $s-32;
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 {
@ -152,6 +139,7 @@
.color-name-library {
@include inspectValue;
color: var(--menu-foreground-color-rest);
word-break: break-word;
}
.image-download {