Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2026-05-07 11:35:49 +02:00
Code Issues Packages Projects Releases Activity

feat(markdown): respect heading style

Browse Source
This commit is contained in:
Elian Doran
2026-04-17 07:39:06 +03:00
parent 5ef74d5639
commit 9464e2aff5
1 changed files with 25 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
apps/client/src/widgets/type_widgets/text/ReadOnlyText.css
View File

@@ -1,24 +1,30 @@
/* h1 should not be used at all since semantically that's a note title */
.note-detail-readonly-text h1 { font-size: 1.8em; }
.note-detail-readonly-text h2 { font-size: 1.6em; }
.note-detail-readonly-text h3 { font-size: 1.4em; }
.note-detail-readonly-text h4 { font-size: 1.2em; }
.note-detail-readonly-text h5 { font-size: 1.1em; }
.note-detail-readonly-text h6 { font-size: 1.0em; }
.note-detail-readonly-text-content {
h1 { font-size: 1.8em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1.0em; }
}
body.heading-style-markdown .note-detail-readonly-text h1::before { content: "#\2004"; color: var(--muted-text-color); }
body.heading-style-markdown .note-detail-readonly-text h2::before { content: "##\2004"; color: var(--muted-text-color); }
body.heading-style-markdown .note-detail-readonly-text h3::before { content: "###\2004"; color: var(--muted-text-color); }
body.heading-style-markdown .note-detail-readonly-text h4:not(.include-note-title)::before { content: "####\2004"; color: var(--muted-text-color); }
body.heading-style-markdown .note-detail-readonly-text h5::before { content: "#####\2004"; color: var(--muted-text-color); }
body.heading-style-markdown .note-detail-readonly-text h6::before { content: "######\2004"; color: var(--muted-text-color); }
body.heading-style-markdown .note-detail-readonly-text-content {
h1::before { content: "#\2004"; color: var(--muted-text-color); }
h2::before { content: "##\2004"; color: var(--muted-text-color); }
h3::before { content: "###\2004"; color: var(--muted-text-color); }
h4:not(.include-note-title)::before { content: "####\2004"; color: var(--muted-text-color); }
h5::before { content: "#####\2004"; color: var(--muted-text-color); }
h6::before { content: "######\2004"; color: var(--muted-text-color); }
}
body.heading-style-underline .note-detail-readonly-text h1 { border-bottom: 1px solid var(--main-border-color); }
body.heading-style-underline .note-detail-readonly-text h2 { border-bottom: 1px solid var(--main-border-color); }
body.heading-style-underline .note-detail-readonly-text h3 { border-bottom: 1px solid var(--main-border-color); }
body.heading-style-underline .note-detail-readonly-text h4:not(.include-note-title) { border-bottom: 1px solid var(--main-border-color); }
body.heading-style-underline .note-detail-readonly-text h5 { border-bottom: 1px solid var(--main-border-color); }
body.heading-style-underline .note-detail-readonly-text h6 { border-bottom: 1px solid var(--main-border-color); }
body.heading-style-underline .note-detail-readonly-text-content {
h1 { border-bottom: 1px solid var(--main-border-color); }
h2 { border-bottom: 1px solid var(--main-border-color); }
h3 { border-bottom: 1px solid var(--main-border-color); }
h4:not(.include-note-title) { border-bottom: 1px solid var(--main-border-color); }
h5 { border-bottom: 1px solid var(--main-border-color); }
h6 { border-bottom: 1px solid var(--main-border-color); }
}
.note-detail-readonly-text {
padding-inline-start: 24px;
@@ -65,4 +71,4 @@ body.mobile .note-detail-readonly-text {
.note-detail-readonly-text-content code.copyable-inline-code:hover {
background-color: var(--accented-background-color);
}
}