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

style: fix image caption style to avoid mess up after export

Browse Source 
Use span instead of div to wrap the image caption.
This commit is contained in:
Le Tan 2018-11-01 21:22:23 +08:00
parent 61925a9c30
commit 6455e9ca19
5 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/resources/markdown_template.js
View File

@ -875,10 +875,10 @@ var insertImageCaption = function() {
} }
// Add caption. // Add caption.
var captionDiv = document.createElement('div'); var captionSpan = document.createElement('span');
captionDiv.classList.add(VImageCaptionClass); captionSpan.classList.add(VImageCaptionClass);
captionDiv.textContent = img.alt; captionSpan.textContent = img.alt;
img.insertAdjacentElement('afterend', captionDiv); img.insertAdjacentElement('afterend', captionSpan);
} }
}; };

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

@ -208,7 +208,7 @@ img.img-center {
margin-right: auto; margin-right: auto;
} }
div.img-caption { span.img-caption {
min-width: 20%; min-width: 20%;
max-width: 80%; max-width: 80%;
display: inline-block; display: inline-block;

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

@ -206,7 +206,7 @@ img.img-center {
margin-right: auto; margin-right: auto;
} }
div.img-caption { span.img-caption {
min-width: 20%; min-width: 20%;
max-width: 80%; max-width: 80%;
display: inline-block; display: inline-block;

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

@ -200,7 +200,7 @@ img.img-center {
margin-right: auto; margin-right: auto;
} }
div.img-caption { span.img-caption {
min-width: 20%; min-width: 20%;
max-width: 80%; max-width: 80%;
display: inline-block; display: inline-block;

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

@ -202,7 +202,7 @@ img.img-center {
margin-right: auto; margin-right: auto;
} }
div.img-caption { span.img-caption {
min-width: 20%; min-width: 20%;
max-width: 80%; max-width: 80%;
display: inline-block; display: inline-block;