mingzailao
/
silverbullet
mirror of https://github.com/silverbulletmd/silverbullet.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fixes #864

pull/866/head
Zef Hemel 2024-05-14 13:24:33 +02:00
parent 4390f6ebc2
commit 75d3277885
3 changed files with 191 additions and 171 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/editor_state.ts
View File

@ -132,6 +132,8 @@ export function createEditorState(
{ selector: "ATXHeading2", class: "sb-line-h2" }, { selector: "ATXHeading2", class: "sb-line-h2" },
{ selector: "ATXHeading3", class: "sb-line-h3" }, { selector: "ATXHeading3", class: "sb-line-h3" },
{ selector: "ATXHeading4", class: "sb-line-h4" }, { selector: "ATXHeading4", class: "sb-line-h4" },
{ selector: "ATXHeading5", class: "sb-line-h5" },
{ selector: "ATXHeading6", class: "sb-line-h6" },
{ selector: "ListItem", class: "sb-line-li", nesting: true }, { selector: "ListItem", class: "sb-line-li", nesting: true },
{ selector: "Blockquote", class: "sb-line-blockquote" }, { selector: "Blockquote", class: "sb-line-blockquote" },
{ selector: "Task", class: "sb-line-task" }, { selector: "Task", class: "sb-line-task" },

12
web/styles/colors.scss
View File

@ -89,7 +89,8 @@
color: var(--action-button-hover-color); color: var(--action-button-hover-color);
} }
.sb-button, .sb-button-primary { .sb-button,
.sb-button-primary {
--color: var(--button-color); --color: var(--button-color);
--background-color: var(--button-background-color); --background-color: var(--button-background-color);
--hover-background-color: var(--button-hover-background-color); --hover-background-color: var(--button-hover-background-color);
@ -205,7 +206,9 @@
.sb-line-h1, .sb-line-h1,
.sb-line-h2, .sb-line-h2,
.sb-line-h3, .sb-line-h3,
.sb-line-h4 { .sb-line-h4,
.sb-line-h5,
.sb-line-h6 {
// background-color: rgba(0, 30, 77, 0.5); // background-color: rgba(0, 30, 77, 0.5);
color: var(--editor-heading-color); color: var(--editor-heading-color);
} }
@ -213,7 +216,10 @@
.sb-line-h1 .sb-meta, .sb-line-h1 .sb-meta,
.sb-line-h2 .sb-meta, .sb-line-h2 .sb-meta,
.sb-line-h3 .sb-meta, .sb-line-h3 .sb-meta,
.sb-line-h4 .sb-meta { .sb-line-h4 .sb-meta,
.sb-line-h5 .sb-meta,
.sb-line-h6 .sb-meta,
{
color: var(--editor-heading-meta-color); color: var(--editor-heading-meta-color);
} }

16
web/styles/editor.scss
View File

@ -20,7 +20,9 @@
&.sb-line-h1, &.sb-line-h1,
&.sb-line-h2, &.sb-line-h2,
&.sb-line-h3, &.sb-line-h3,
&.sb-line-h4 { &.sb-line-h4,
&.sb-line-h5,
&.sb-line-h6 {
font-weight: bold; font-weight: bold;
padding: 2px; padding: 2px;
} }
@ -42,7 +44,9 @@
font-size: 1.1em; font-size: 1.1em;
} }
.sb-line-h4 { .sb-line-h4,
.sb-line-h5,
.sb-line-h6 {
font-size: 1em; font-size: 1em;
} }
@ -234,6 +238,14 @@
text-indent: -5ch; text-indent: -5ch;
} }
.sb-header-inside.sb-line-h5 {
text-indent: -6ch;
}
.sb-header-inside.sb-line-h6 {
text-indent: -7ch;
}
.sb-checkbox>input[type="checkbox"] { .sb-checkbox>input[type="checkbox"] {
width: 3ch; width: 3ch;
} }