Hello everyone,
We have a label with long text which we want to wrap to a certain width but not to violate the css of other tags. I guess we can go with a overflow-wrap: break-word but not quite sure how we can fix it and which class do we need to change.
Best answer by Erik Brink
You can read more about applying Custom CSS to the Universal GUI here:
https://docs.thinkwisesoftware.com/docs/sf/themes#custom-css-universal
+5Hi Slavoljub,
First of, sorry for the late reaction.
Can you give some details about the case you are facing this? What component are we talking about?
A guiding screenshot may be helpfull too.
Best regards,
Erik Brink
+16Hello everyone,
We have a label with long text which we want to wrap to a certain width but not to violate the css of other tags. I guess we can go with a overflow-wrap: break-word but not quite sure how we can fix it and which class do we need to change.
The data-testid come in handy to really pinpoint your css alterations.
Basically it says that only for the grid-cell of column activity_title in this case overrule the nowrap on the span with class value_renderer.
[data-testid="grid-cell__activity-title"] .value-renderer {
white-space: normal !important;
}
+5You can read more about applying Custom CSS to the Universal GUI here:
https://docs.thinkwisesoftware.com/docs/sf/themes#custom-css-universal
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.