fix: Offset heading styles

2020-10-21 09:04:21 -07:00
parent df7b9f3e88
commit 34bdc88003
1 changed files with 5 additions and 1 deletions
--- a/app/components/Editor.js
+++ b/app/components/Editor.js
@ -105,11 +105,15 @@ const StyledEditor = styled(RichMarkdownEditor)`
  /* ref: https://stackoverflow.com/a/28824157 */
  .heading-name::before {
    content: "";
-    display: block;
+    display: ${(props) => (props.readOnly ? "block" : "none")};
    height: 72px;
    margin: -72px 0 0;
  }

+  .heading-anchor {
+    margin-top: 72px !important;
+  }
+
  p {
    a {
      color: ${(props) => props.theme.text};