Break long Section Tags on multiple rows

User Styles
, ,
1

Description

How can i customize css so that the tags that are longer than lets say 15 characters will break on multiple rows?
I have managed to make the TAG box smaller, but the text will not break and overflow outside the box.
I have added a screenshot and the custom css i have used.

Screenshots

image
image693×632 22.6 KB

Code

.tags > div
{
	word-break:break-all;
	max-width: calc(var(--ui-size) * 40vmin) !important;
	
	word-wrap:break-word;
	hyphens: manual;	
}
2

To have tags break to a new line when they become too long, you can add the white-space: normal property:

.tags > div {
  white-space: normal;
  max-width: calc(var(--ui-size) * 40vmin) !important;
}

I hope this helps! :slight_smile:

3

wow, that was so easy and i struggeled so many hours with overflow mode/ word break and so on:))

Thank you !!

1 Like