Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-03-23 21:21:22 -05:00
Code Issues Activity

🐛 fix text not being truncated with an ellipsis in the interactions panel

Browse source
This commit is contained in:
Belén Albeza 2023-12-12 14:33:10 +01:00 • committed by Alonso Torres
parent 0a3a896dc9
commit 93815e1b0d
2 changed files with 10 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
frontend/src/app/main/ui/components/select.scss
View file

@ -9,7 +9,8 @@
.custom-select {
@include titleTipography;
position: relative;
display: flex;
display: grid;
grid-template-columns: 1fr auto;
align-items: center;
height: $s-32;
width: 100%;
@ -20,10 +21,7 @@
border: $s-1 solid var(--menu-background-color);
color: var(--menu-foreground-color);
cursor: pointer;
.current-label {
width: 100%;
flex-grow: 1;
}
.current-icon {
@include flexCenter;
height: $s-24;
@ -109,3 +107,7 @@
}
}
}
.current-label {
@include textEllipsis;
}

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

@ -47,8 +47,6 @@
}
}
}
}
.element-set {
@include flexColumn;
@ -65,11 +63,14 @@
.interactions-info {
flex-grow: 1;
display: grid;
.trigger-name {
color: var(--color-foreground-primary);
}
.action-summary {
color: var(--color-foreground-secondary);
@include textEllipsis;
}
}
@ -216,7 +217,6 @@
}
}
.remove-btn {
@extend .button-tertiary;
height: $s-32;