💄 (#299): adjust link position

Signed-off-by: Vinicius Reis <vinicius.reis@nextcloud.com>
nextcloud · Aug 31, 2022 · f04211f · f04211f
1 parent c5cd164
commit f04211f
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/css/prosemirror.scss b/css/prosemirror.scss
@@ -102,20 +102,18 @@ div.ProseMirror {
 	h5,
 	h6 {
 		font-weight: 600;
-		line-height: 120%;
+		line-height: 1.1em;
 		margin-top: 24px;
 		margin-bottom: 12px;
 		color: var(--color-main-text);
 	}
 
 	h1 {
 		font-size: 36px;
-		margin-top: 48px;
 	}
 
 	h2 {
 		font-size: 30px;
-		margin-top: 48px;
 	}
 
 	h3 {

diff --git a/src/nodes/Heading/HeadingView.vue b/src/nodes/Heading/HeadingView.vue
@@ -83,10 +83,12 @@ export default Vue.extend({
 div.ProseMirror {
 	/* Anchor links */
 	h1, h2, h3, h4, h5, h6 {
+		position: relative;
 		.anchor-link {
 			opacity: 0;
 			padding: 0;
-			left: -18px;
+			left: -1em;
+			bottom: 0;
 			font-size: max(1em, 16px);
 			position: absolute;
 			text-decoration: none;
@@ -96,7 +98,7 @@ div.ProseMirror {
 		}
 
 		&:hover .anchor-link {
-			opacity: 0.45;
+			opacity: 0.5;
 		}
 	}