From afe710321c1c2ccfe6aba22effc2f429754c75c0 Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Mon, 2 Feb 2026 18:34:22 +0200 Subject: [PATCH 1/7] style/text editor: fix layout issues --- apps/client/src/widgets/containers/scrolling_container.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/apps/client/src/widgets/containers/scrolling_container.css b/apps/client/src/widgets/containers/scrolling_container.css index 2a2adb1475..2cded53e6e 100644 --- a/apps/client/src/widgets/containers/scrolling_container.css +++ b/apps/client/src/widgets/containers/scrolling_container.css @@ -4,11 +4,14 @@ position: relative; > .inline-title, - > .note-detail > .note-detail-editable-text, + > .note-detail > .note-detail-editable-text > .note-detail-editable-text-editor, > .note-list-widget:not(.full-height) .note-list-wrapper { padding-inline: 24px; } + > .note-detail > .note-detail-editable-text > .note-detail-editable-text-editor { + overflow: unset; + } } .note-split.type-code:not(.mime-text-x-sqlite) { From a9c5b99ae862979717e117d9bf40f673bc5297f6 Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Mon, 2 Feb 2026 20:06:05 +0200 Subject: [PATCH 2/7] style/text editor/block toolbar button: fix position and z-index --- apps/client/src/stylesheets/theme-next/notes/text.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/apps/client/src/stylesheets/theme-next/notes/text.css b/apps/client/src/stylesheets/theme-next/notes/text.css index dc025bb66d..a291360c82 100644 --- a/apps/client/src/stylesheets/theme-next/notes/text.css +++ b/apps/client/src/stylesheets/theme-next/notes/text.css @@ -47,9 +47,11 @@ } /* The toolbar show / hide button for the current text block */ -.ck.ck-block-toolbar-button { +:root .ck.ck-block-toolbar-button { --ck-color-button-on-background: transparent; --ck-color-button-on-color: currentColor; + translate: -30% 0; + z-index: 5000; } :root .ck.ck-toolbar .ck-button:not(.ck-disabled):active, From 348c00f86d98d55f6053596a0ede92dfc0cef74f Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Mon, 2 Feb 2026 20:13:00 +0200 Subject: [PATCH 3/7] style/text editor: fix layout issues --- apps/client/src/widgets/containers/scrolling_container.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/client/src/widgets/containers/scrolling_container.css b/apps/client/src/widgets/containers/scrolling_container.css index 2cded53e6e..a4be33cf29 100644 --- a/apps/client/src/widgets/containers/scrolling_container.css +++ b/apps/client/src/widgets/containers/scrolling_container.css @@ -6,7 +6,7 @@ > .inline-title, > .note-detail > .note-detail-editable-text > .note-detail-editable-text-editor, > .note-list-widget:not(.full-height) .note-list-wrapper { - padding-inline: 24px; + margin-inline: 24px; } > .note-detail > .note-detail-editable-text > .note-detail-editable-text-editor { From facd56cdf4f4311f3bee3dcdd7eec049a3dfdef7 Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Mon, 2 Feb 2026 20:57:38 +0200 Subject: [PATCH 4/7] style/text editor/block toolbar button: tweak --- apps/client/src/stylesheets/theme-next/notes/text.css | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/apps/client/src/stylesheets/theme-next/notes/text.css b/apps/client/src/stylesheets/theme-next/notes/text.css index a291360c82..91fe7f9b1b 100644 --- a/apps/client/src/stylesheets/theme-next/notes/text.css +++ b/apps/client/src/stylesheets/theme-next/notes/text.css @@ -48,10 +48,13 @@ /* The toolbar show / hide button for the current text block */ :root .ck.ck-block-toolbar-button { + --ck-color-block-toolbar-button: var(--muted-text-color); --ck-color-button-on-background: transparent; - --ck-color-button-on-color: currentColor; - translate: -30% 0; - z-index: 5000; + --ck-color-button-on-color: var(--ck-editor-toolbar-button-on-color); + translate: -40% 0; + min-width: 0; + padding: 0; + z-index: 1600; } :root .ck.ck-toolbar .ck-button:not(.ck-disabled):active, From 5db298f031638e1c48391cf54efffe1ac199e396 Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Mon, 2 Feb 2026 21:03:02 +0200 Subject: [PATCH 5/7] style/quick edit: increase the horizontal padding of the text to make space for the block toolbar button --- apps/client/src/widgets/dialogs/PopupEditor.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/client/src/widgets/dialogs/PopupEditor.css b/apps/client/src/widgets/dialogs/PopupEditor.css index 197ed94065..262143ceaf 100644 --- a/apps/client/src/widgets/dialogs/PopupEditor.css +++ b/apps/client/src/widgets/dialogs/PopupEditor.css @@ -92,7 +92,7 @@ body.mobile .modal.popup-editor-dialog .modal-dialog { } .modal.popup-editor-dialog .note-detail-editable-text { - padding: 0 1em; + padding: 0 28px; } .modal.popup-editor-dialog .note-detail-file { From 49d33ea19ab72c1b9fb707e37ba406f799f6e6c7 Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Mon, 2 Feb 2026 21:10:00 +0200 Subject: [PATCH 6/7] style/quick edit: allow object selection rectangle to go outside of the editor area --- apps/client/src/widgets/dialogs/PopupEditor.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/apps/client/src/widgets/dialogs/PopupEditor.css b/apps/client/src/widgets/dialogs/PopupEditor.css index 262143ceaf..f20a12bf30 100644 --- a/apps/client/src/widgets/dialogs/PopupEditor.css +++ b/apps/client/src/widgets/dialogs/PopupEditor.css @@ -95,6 +95,10 @@ body.mobile .modal.popup-editor-dialog .modal-dialog { padding: 0 28px; } +.modal.popup-editor-dialog .note-detail-editable-text-editor { + overflow: visible; /* Allow selection rectangle to go outside of the editor area */ +} + .modal.popup-editor-dialog .note-detail-file { padding: 0; } From 7340709111abe4a2b1fa3ed86852164ce16b7d27 Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Mon, 2 Feb 2026 21:13:16 +0200 Subject: [PATCH 7/7] style/quick edit: refactor --- apps/client/src/widgets/dialogs/PopupEditor.css | 5 +---- 1 file changed, 1 insertion(+), 4 deletions(-) diff --git a/apps/client/src/widgets/dialogs/PopupEditor.css b/apps/client/src/widgets/dialogs/PopupEditor.css index f20a12bf30..3357b00f3e 100644 --- a/apps/client/src/widgets/dialogs/PopupEditor.css +++ b/apps/client/src/widgets/dialogs/PopupEditor.css @@ -91,11 +91,8 @@ body.mobile .modal.popup-editor-dialog .modal-dialog { height: 100%; } -.modal.popup-editor-dialog .note-detail-editable-text { - padding: 0 28px; -} - .modal.popup-editor-dialog .note-detail-editable-text-editor { + margin: 0 28px; overflow: visible; /* Allow selection rectangle to go outside of the editor area */ }