diff --git a/src/components/EditorTheme.css b/src/components/EditorTheme.css index fae56109..0e95e1cb 100644 --- a/src/components/EditorTheme.css +++ b/src/components/EditorTheme.css @@ -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); } diff --git a/src/theme.json b/src/theme.json index 231e509e..3d3b189f 100644 --- a/src/theme.json +++ b/src/theme.json @@ -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)",