fix: side menu handles horizontal layout for better vertical alignment with headings

This commit is contained in:
lucaronin
2026-02-16 09:27:28 +01:00
parent 94936f2f27
commit fd021b2c1a
2 changed files with 13 additions and 4 deletions

View File

@@ -19,6 +19,15 @@
line-height: var(--editor-line-height) !important;
}
/* Stack handle buttons horizontally instead of vertically to reduce height,
so they fit within a single text line for headings and paragraphs. */
.editor__blocknote-container .bn-side-menu {
--group-wrap: nowrap !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
gap: 0 !important;
}
.editor__blocknote-container .bn-editor ::selection {
background: var(--colors-selection);
}

View File

@@ -2,7 +2,7 @@
"editor": {
"fontFamily": "'Inter', -apple-system, BlinkMacSystemFont, sans-serif",
"fontSize": 16,
"lineHeight": 1.7,
"lineHeight": 1.5,
"maxWidth": 720,
"paddingHorizontal": 40,
"paddingVertical": 20,
@@ -48,8 +48,8 @@
},
"lists": {
"bulletSymbol": "•",
"bulletSize": 16,
"bulletColor": "var(--text-tertiary)",
"bulletSize": 28,
"bulletColor": "#177bfd",
"indentSize": 24,
"itemSpacing": 4,
"paddingLeft": 8,
@@ -57,7 +57,7 @@
"bulletGap": 6
},
"checkboxes": {
"size": 24,
"size": 18,
"borderRadius": 3,
"checkedColor": "var(--accent-blue)",
"uncheckedBorderColor": "var(--text-muted)",