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

🐛 Fix ellipsis on color row

Browse source
This commit is contained in:
Xaviju 2024-02-21 16:33:24 +01:00 • committed by Andrey Antukh
parent 8cc4ff0b4c
commit 7879d883cf
1 changed files with 6 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

6
frontend/src/app/main/ui/workspace/sidebar/options/rows/color_row.scss
View file

@ -21,6 +21,7 @@
--detach-icon-foreground-color: none; --detach-icon-foreground-color: none;
display: grid; display: grid;
flex: 1;
grid-template-columns: 1fr auto; grid-template-columns: 1fr auto;
align-items: center; align-items: center;
gap: $s-2; gap: $s-2;
@ -42,10 +43,15 @@
@extend .input-element; @extend .input-element;
flex-grow: 1; flex-grow: 1;
width: 100%; width: 100%;
min-width: 0;
border-radius: $br-8 0 0 $br-8; border-radius: $br-8 0 0 $br-8;
padding: 0; padding: 0;
margin-inline-end: 0; margin-inline-end: 0;
gap: $s-4; gap: $s-4;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
input { input {
padding: 0; padding: 0;
} }