From 888a183a1fabb9572d80db51fa5b8265f582b4a6 Mon Sep 17 00:00:00 2001 From: Jonas Date: Sun, 15 Sep 2024 12:12:46 +0200 Subject: [PATCH 1/2] fix(viewer): Remove blue top border It doesn't look nice with open sidebar. Signed-off-by: Jonas --- src/css/style.scss | 4 ---- 1 file changed, 4 deletions(-) diff --git a/src/css/style.scss b/src/css/style.scss index 5c35fdefe0..df41704e17 100644 --- a/src/css/style.scss +++ b/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; } From ef3d8c88c4231435eaf0011d8c2804dcaba2fd26 Mon Sep 17 00:00:00 2001 From: Jonas Date: Sun, 15 Sep 2024 12:14:37 +0200 Subject: [PATCH 2/2] Add bottom border line to menubar Better visual separation of menubar and editor content, especially when scrolling long content. Signed-off-by: Jonas --- src/components/Menu/MenuBar.vue | 1 + src/components/Menu/ReadonlyBar.vue | 3 +++ 2 files changed, 4 insertions(+) diff --git a/src/components/Menu/MenuBar.vue b/src/components/Menu/MenuBar.vue index 584e1547e5..93720d4388 100644 --- a/src/components/Menu/MenuBar.vue +++ b/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; diff --git a/src/components/Menu/ReadonlyBar.vue b/src/components/Menu/ReadonlyBar.vue index 775919d7d1..a6de3e6072 100644 --- a/src/components/Menu/ReadonlyBar.vue +++ b/src/components/Menu/ReadonlyBar.vue @@ -49,6 +49,9 @@ export default defineComponent({