granblue.team/hensei-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Hide text overflow in trigger

Browse source 
The Popover trigger (specifically for RaidCombobox) would stretch or break lines when given a long value. This makes it so that the text will always stay on one line and hide its overflow with an ellipsis if necessary
This commit is contained in:
Justin Edmund 2023-07-02 02:20:43 -07:00
parent 9f890ae253
commit 730bf0eac5
1 changed files with 10 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
components/common/Popover/index.module.scss
View file

@ -80,6 +80,16 @@
display: flex; display: flex;
gap: $unit-half; gap: $unit-half;
width: 100%; width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
min-width: 0;
overflow: hidden;
& > span {
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
}
} }
&.bound { &.bound {