3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-06-07 21:32:56 +02:00
Code Issues Projects Releases Packages Wiki 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
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 { .custom-select {
@include titleTipography; @include titleTipography;
position: relative; position: relative;
display: flex; display: grid;
grid-template-columns: 1fr auto;
align-items: center; align-items: center;
height: $s-32; height: $s-32;
width: 100%; width: 100%;
@ -20,10 +21,7 @@
border: $s-1 solid var(--menu-background-color); border: $s-1 solid var(--menu-background-color);
color: var(--menu-foreground-color); color: var(--menu-foreground-color);
cursor: pointer; cursor: pointer;
.current-label {
width: 100%;
flex-grow: 1;
}
.current-icon { .current-icon {
@include flexCenter; @include flexCenter;
height: $s-24; 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 { .element-set {
@include flexColumn; @include flexColumn;
@ -65,11 +63,14 @@
.interactions-info { .interactions-info {
flex-grow: 1; flex-grow: 1;
display: grid;
.trigger-name { .trigger-name {
color: var(--color-foreground-primary); color: var(--color-foreground-primary);
} }
.action-summary { .action-summary {
color: var(--color-foreground-secondary); color: var(--color-foreground-secondary);
@include textEllipsis;
} }
} }
@ -216,7 +217,6 @@
} }
} }
.remove-btn { .remove-btn {
@extend .button-tertiary; @extend .button-tertiary;
height: $s-32; height: $s-32;