AnuPpuccin icon indicating copy to clipboard operation
AnuPpuccin copied to clipboard

[Bug] Weird header multiline text

Open UzverUA opened this issue 1 year ago • 1 comments

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 Snipaste_2023-07-24_21-33-00 And instead it looks like this Snipaste_2023-07-24_21-33-24

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:

  1. Create any header
  2. 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.

UzverUA avatar Jul 24 '23 18:07 UzverUA

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?

dottagoa avatar Oct 23 '23 19:10 dottagoa