AnuPpuccin
AnuPpuccin copied to clipboard
[Bug] Weird header multiline text
Describe the bug
When header is rendered on page in multiple lines - text is placed below heading sign "#" and it just won't go back to the same line with "#" signs
For example, it should look like this
And instead it looks like this
And when you place cursor behind "asdfasfd", and press backspace - it won't place that line back to "#" line. So it displays wrong, but acts as if "asdfasfd..." line was in same line with "#"
To Reproduce Steps to reproduce the behavior:
- Create any header
- Make it too long to fit in single line
Additional context
Tested on sandbox vault with only AnuPpuccin theme - same. I'm pretty new into CSS, so I spent an hour trying to figure out what causes such behavior. And finally found it.
Line 5149 in theme css.
.cm-header { display: inline-block; }
Changed it to initial
and everything renders perfectly.
The CSS snippet OP mentioned does work, but it also breaks the Enable Custom Heading Margin
setting when using the Style Settings plugin. Is there any other solution that would prevent the custom margins from breaking?