Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-07-31 12:12:28 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(in-app-help): add a custom style for contextual help headings

Browse Source
This commit is contained in:
Elian Doran 2025-02-05 21:25:34 +02:00
parent b84b7e1cdf
commit 2e1b2004dc
No known key found for this signature in database
1 changed files with 19 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/public/app/widgets/type_widgets/doc.ts
View File

@ -15,6 +15,24 @@ const TPL = `<div class="note-detail-doc note-detail-printable">
padding: 15px; padding: 15px;
border-radius: 5px; border-radius: 5px;
} }
.note-detail-doc.contextual-help {
padding-bottom: 15vh;
}
.note-detail-doc.contextual-help h2,
.note-detail-doc.contextual-help h3,
.note-detail-doc.contextual-help h4,
.note-detail-doc.contextual-help h5,
.note-detail-doc.contextual-help h6 {
font-size: 1.25rem;
background-color: var(--main-background-color);
position: sticky;
top: 0;
z-index: 50;
margin: 0;
padding-bottom: 0.25em;
}
</style> </style>
<div class="note-detail-doc-content"></div> <div class="note-detail-doc-content"></div>
@ -37,6 +55,7 @@ export default class DocTypeWidget extends TypeWidget {
async doRefresh(note: FNote) { async doRefresh(note: FNote) {
this.initialized = this.#loadContent(note); this.initialized = this.#loadContent(note);
this.$widget.toggleClass("contextual-help", this.noteContext?.viewScope?.viewMode === "contextual-help");
} }
#loadContent(note: FNote) { #loadContent(note: FNote) {