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

fix render type non-scrolling

Browse Source
This commit is contained in:
zadam 2020-03-29 22:27:05 +02:00
parent c9b2ff05e9
commit ca0e36ea81
3 changed files with 9 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/public/javascripts/widgets/type_widgets/book.js
View File

@ -49,7 +49,7 @@ const TPL = `
title="Zoom Out"></button> title="Zoom Out"></button>
</div> </div>
<div class="note-detail-book-help alert alert-warning"> <div class="note-detail-book-help alert alert-warning" style="margin: 50px; padding: 20px;">
This note of type Book doesn't have any child notes so there's nothing to display. See <a href="https://github.com/zadam/trilium/wiki/Book-note">wiki</a> for details. This note of type Book doesn't have any child notes so there's nothing to display. See <a href="https://github.com/zadam/trilium/wiki/Book-note">wiki</a> for details.
</div> </div>

10
src/public/javascripts/widgets/type_widgets/render.js
View File

@ -3,13 +3,19 @@ import TypeWidget from "./type_widget.js";
const TPL = ` const TPL = `
<div class="note-detail-render note-detail-printable"> <div class="note-detail-render note-detail-printable">
<div class="note-detail-render-help alert alert-warning"> <style>
.note-detail-render {
height: 100%;
}
</style>
<div class="note-detail-render-help alert alert-warning" style="margin: 50px; padding: 20px;">
<p><strong>This help note is shown because this note of type Render HTML doesn't have required relation to function properly.</strong></p> <p><strong>This help note is shown because this note of type Render HTML doesn't have required relation to function properly.</strong></p>
<p>Render HTML note type is used for <a href="https://github.com/zadam/trilium/wiki/Scripts">scripting</a>. In short, you have a HTML code note (optionally with some JavaScript) and this note will render it. To make it work, you need to define a relation (in <a class="show-attributes-button">Attributes dialog</a>) called "renderNote" pointing to the HTML note to render. Once that's defined you can click on the "play" button to render.</p> <p>Render HTML note type is used for <a href="https://github.com/zadam/trilium/wiki/Scripts">scripting</a>. In short, you have a HTML code note (optionally with some JavaScript) and this note will render it. To make it work, you need to define a relation (in <a class="show-attributes-button">Attributes dialog</a>) called "renderNote" pointing to the HTML note to render. Once that's defined you can click on the "play" button to render.</p>
</div> </div>
<div class="note-detail-render-content"></div> <div class="note-detail-render-content" style="height: 100%; overflow: auto;"></div>
</div>`; </div>`;
export default class RenderTypeWidget extends TypeWidget { export default class RenderTypeWidget extends TypeWidget {

11
src/public/stylesheets/style.css
View File

@ -310,12 +310,6 @@ div.ui-tooltip {
background-color: var(--active-item-background-color) !important; background-color: var(--active-item-background-color) !important;
} }
.note-detail-render {
min-height: 500px;
}
.CodeMirror { .CodeMirror {
font-family: "Liberation Mono", "Lucida Console", monospace; font-family: "Liberation Mono", "Lucida Console", monospace;
height: auto; height: auto;
@ -456,11 +450,6 @@ table.promoted-attributes-in-tooltip td, table.promoted-attributes-in-tooltip th
padding: 10px; padding: 10px;
} }
.note-detail-render-help, .note-detail-book-help {
margin: 50px;
padding: 20px;
}
.tooltip { .tooltip {
font-size: var(--main-font-size) !important; font-size: var(--main-font-size) !important;
} }