Using more CSS for shortening text

In the large overview, I don't want to display looong notes:

CSS can cut off content after a given number of lines, and also add an ellipsis:

@supports (-webkit-line-clamp: 10) { overflow: hidden; text-overflow: ellipsis; white-space: initial; display: -webkit-box; -webkit-line-clamp: 10; -webkit-box-orient: vertical; }

... dynamically shortening notes that are too long to 10 lines.

Again, CSS might be a far too blunt tool here, but on the other side, this means I don't need to figure out a heuristic to determine whether certain markdown text is longer than 10 lines.