Merge pull request #6404 from nextcloud/fix/headings_papercuts

Fix headings papercuts

Author: mejo-

src/components/Menu/MenuBar.vue

@@ -227,6 +227,7 @@ export default {
 		background-color: var(--color-main-background-translucent);
 		backdrop-filter: var(--background-blur);
 		max-height: var(--default-clickable-area); // important for mobile so that the buttons are always inside the container
+		border-bottom: 1px solid var(--color-border);
 		padding-top:3px;
 		padding-bottom: 3px;
 

src/components/Menu/ReadonlyBar.vue

@@ -49,6 +49,9 @@ export default defineComponent({
 <style scoped>
 .text-readonly-bar {
 	display: flex;
+	border-bottom: 1px solid var(--color-border);
+	padding-top: 3px;
+	padding-bottom: 3px;
 }
 .text-readonly-bar__entries {
 	display: flex;

src/css/style.scss

@@ -26,9 +26,6 @@
 	outline: 2px solid #8cf;
 }
 
-/**
- * 
- */
 li.ProseMirror-selectednode {
 	outline: none;
 
@@ -77,7 +74,6 @@ li.ProseMirror-selectednode {
 
 [data-handler='text'] {
 	background-color: var(--color-main-background);
-	border-top: 3px solid var(--color-primary-element);
 	.modal-title {
 		font-weight: bold;
 	}