Custom CSS question

[flotillaropes]

Please see the screenshots on this post.

Extra lines inserted after adding hard line after update to NC 22

After update to V 22.2.0 I noticed extra lines being added to the Readme.md files. This happens after adding a line. Here’s how to duplicate: In web files app, open a folder Click on upper part to create a Readme.md file Type Line #1, then type 3 dashes — and press Enter key to create a hard line Notice it adds the hard line, but inserts 2 lines above and 2 lines below the newly added hard line. Before update to 22, the text above and below the hard line would hug it tightly without adding ad…

It turns out this is not a bug, but due to a formatting change. The style margin was increased to 3em.

Using browser dev tools I’ve identified the class in question:

#editor-wrapper div.ProseMirror hr {
  padding: 2px 0;
  border: none;
  margin: 3em 0;
  width: 100%;
}

Using the theme CSS editor, I added this:

#editor-wrapper div.ProseMirror hr {
  padding: 2px 0;
  border: none;
  margin: 1em 0; !important
  width: 100%;
}

I was hoping this would be a temporary workaround until the developer narrows the margin. However, after adding this class, I noticed the change not being picked up by the page. I’ve refreshed the page, restarted all services, but to no avail.

What am I doing wrong?

[swindhab]

@flotillaropes

#editor-wrapper div.ProseMirror hr {
padding: 2px 0;
border: none;
margin: 1em 0 !important;
width: 100%;
}

The semicolon should be after the !important directive.

[flotillaropes]

Awesome! Works great now! Thank you!