I am having some trouble finding the correct CSS to override with a different line-height style. Disclaimer: I don’t know CSS so I’m just guessing at this
I am trying to make the bullet list option in the rich text editor for the notes app have more compact spacing. Its awfully spaced out and I want to change it through the custom CSS app.
I have tried the following options (I tested individually):
.editor__content{ line-height:80% !important; }
.note-editor{ line-height:80% !important; }
editor{ line-height:80% !important; }
ul{ line-height:80% !important; }
li{ line-height:80% !important; }
text-editor__wrapper{ line-height:80% !important; }
tiptap ProseMirror{ line-height:80% !important; }
editor__content text-editor__content{ line-height:80% !important; }
None of these have actually changed the spacing between bulleted lines in the Notes app.
Some of them have ended up changing the line spacing for every text line in nextcloud EXCEPT the bulleted lists.
Using the browser inspect, I find that for the ul of any given bulleted list, I see that line-height is set in .text-editor__wrapper div.ProseMirror at 150%
But if I set the custom CSS to use…
.text-editor__wrapper div.ProseMirror{ line-height:80% !important; }
…then, any note that has a bulleted list now fails to load (endless loading wheel)
Not sure why that breaks it?
What is the correct CSS to change the line spacing of the bulleted lists?