You can wrap your text in a container and add a custom class on it
.lv-openrepair {
.lv-openrepairs-container {
overflow: hidden;
text-overflow: ellipsis;
.lv-openrepairs-text {
white-space: nowrap;
}
}
}
I would suggest adding a max-height and max-width so that the overflow can activate.
Hi Stephan,
You will need to target on text, for example if you are using text input widget than you will need to target on label as shown in the screen shot below.
If you are using input text widget then your SASS code should look like this;
.lv-openrepair {
.lv-openrepairs-text {
> label {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
}
Hope this helps!
HI Mohammed,
Than you for your answer, unfortunately it did not work for me.
Here are some screenshots.
.lv-openrepair {
.lv-openrepairs-text {
> label{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
}