fix(preview): Don't let preview options container overlay paragraph

Otherwise the overlay container would catch all the click events. Signed-off-by: Jonas <jonas@freesources.org>
nextcloud · Sep 18, 2024 · e40de87 · e40de87
1 parent 83453e3
commit e40de87
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/components/Editor/PreviewOptions.vue b/src/components/Editor/PreviewOptions.vue
@@ -112,13 +112,14 @@ div[contenteditable=false] {
 
 .preview-options-container {
 	position: absolute;
+	width: 0 !important;
 	left: -44px;
 	top: 50%;
 	transform: translate(0, -50%);
 }
 
 // Inside details, button needs to be shifted further
-.details-content div[data-text-preview-options] {
+.details-content .preview-options-container {
 	left: calc(-44px - 24px);
 }
 

diff --git a/src/css/prosemirror.scss b/src/css/prosemirror.scss
@@ -131,6 +131,7 @@ div.ProseMirror {
 	}
 
 	p {
+		position: relative;
 		margin-bottom: 1em;
 		line-height: 150%;
 	}
@@ -281,6 +282,7 @@ div.ProseMirror {
 		padding-left: 3px;
 
 		p {
+			position: relative;
 			margin-bottom: 0.5em;
 		}
 	}