Merge pull request #3852 from nextcloud/backport/3847/stable25

[stable25] Shrink heading anchor links to `1em`, fixes links in headings
nextcloud · Feb 28, 2023 · 78b2a3d · 78b2a3d
2 parents bae4cd4 + 886fd3a
commit 78b2a3d
Show file tree

Hide file tree

Showing 11 changed files with 17 additions and 24 deletions.
diff --git a/js/editor.js b/js/editor.js
diff --git a/js/editor.js.map b/js/editor.js.map
diff --git a/js/text-files.js b/js/text-files.js
diff --git a/js/text-files.js.map b/js/text-files.js.map
diff --git a/js/text-public.js b/js/text-public.js
diff --git a/js/text-public.js.map b/js/text-public.js.map
diff --git a/js/text-text.js b/js/text-text.js
diff --git a/js/text-text.js.map b/js/text-text.js.map
diff --git a/js/text-viewer.js b/js/text-viewer.js
diff --git a/js/text-viewer.js.map b/js/text-viewer.js.map
diff --git a/src/nodes/Heading/HeadingView.vue b/src/nodes/Heading/HeadingView.vue
@@ -90,6 +90,8 @@ div.ProseMirror {
 	h1,h2,h3,h4,h5,h6 {
 		position: relative;
 		.heading-anchor[contenteditable="false"] {
+			// Shrink clickable area of anchor permalinks to not overlay the heading
+			width: 1em;
 			opacity: 0;
 			padding: 0;
 			left: -1em;
@@ -110,14 +112,5 @@ div.ProseMirror {
 			outline: none;
 		}
 	}
-
-	// Shrink clickable area of anchor permalinks while editing
-	&[contenteditable="true"] {
-		h1,h2,h3,h4,h5,h6 {
-			.heading-anchor {
-				width: 1em;
-			}
-		}
-	}
 }
 </style>