dawy_go/vnote
1
0
Fork 0
mirror of https://gitee.com/vnotex/vnote.git synced 2025-07-05 13:59:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

Preview: add hint for live preview

Browse Source
This commit is contained in:
Le Tan 2018-08-08 20:40:33 +08:00
parent 56bcc9be54
commit 8055f17d1f
5 changed files with 46 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/resources/markdown_template.js
View File

@ -1400,9 +1400,15 @@ var handleGraphvizResult = function(id, timeStamp, format, result) {
}; };
var setPreviewEnabled = function(enabled) { var setPreviewEnabled = function(enabled) {
var hint = '<div class="preview-hint">' +
'<h3>Live Preview for Diagrams</h3>' +
'<p>Place the cursor on the definition of a diagram to preview.</p>' +
'</div>';
if (enabled) { if (enabled) {
contentDiv.style.display = 'none'; contentDiv.style.display = 'none';
previewDiv.style.display = 'block'; previewDiv.style.display = 'block';
previewDiv.innerHTML = hint;
} else { } else {
contentDiv.style.display = 'block'; contentDiv.style.display = 'block';
previewDiv.style.display = 'none'; previewDiv.style.display = 'none';

10
src/resources/themes/v_detorte/v_detorte.css
View File

@ -225,6 +225,16 @@ div.img-caption {
margin-right: 8px; margin-right: 8px;
} }
div.preview-hint {
opacity: 0.5;
margin-top: 30%;
margin-bottom: 30%;
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
}
/* For Highlight.js Line Number */ /* For Highlight.js Line Number */
table.hljs-ln tr { table.hljs-ln tr {
border: none; border: none;

10
src/resources/themes/v_moonlight/v_moonlight.css
View File

@ -223,6 +223,16 @@ div.img-caption {
margin-right: 8px; margin-right: 8px;
} }
div.preview-hint {
opacity: 0.5;
margin-top: 30%;
margin-bottom: 30%;
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
}
/* For Highlight.js Line Number */ /* For Highlight.js Line Number */
table.hljs-ln tr { table.hljs-ln tr {
border: none; border: none;

10
src/resources/themes/v_native/v_native.css
View File

@ -217,6 +217,16 @@ div.img-caption {
margin-right: 8px; margin-right: 8px;
} }
div.preview-hint {
opacity: 0.5;
margin-top: 30%;
margin-bottom: 30%;
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
}
/* For Highlight.js Line Number */ /* For Highlight.js Line Number */
table.hljs-ln tr { table.hljs-ln tr {
border: none; border: none;

10
src/resources/themes/v_pure/v_pure.css
View File

@ -219,6 +219,16 @@ div.img-caption {
margin-right: 8px; margin-right: 8px;
} }
div.preview-hint {
opacity: 0.5;
margin-top: 30%;
margin-bottom: 30%;
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
}
/* For Highlight.js Line Number */ /* For Highlight.js Line Number */
table.hljs-ln tr { table.hljs-ln tr {
border: none; border: none;