Fixes scale of the embedded videos and images

parent 5178aaf4
...@@ -36,7 +36,7 @@ export class CustomMarkdownService { ...@@ -36,7 +36,7 @@ export class CustomMarkdownService {
} }
private postMarkdownRenderer(value: string): string { private postMarkdownRenderer(value: string): string {
const iframeOptions = `frameborder="0" gesture="media" width="100%" webkitallowfullscreen mozallowfullscreen allowfullscreen`; const iframeOptions = `frameborder="0" gesture="media" webkitallowfullscreen mozallowfullscreen allowfullscreen`;
const youtubeMatch = value.match(/<a href=".*(youtube|youtu).*">.*<\/a>/g); const youtubeMatch = value.match(/<a href=".*(youtube|youtu).*">.*<\/a>/g);
if (youtubeMatch) { if (youtubeMatch) {
...@@ -75,7 +75,7 @@ export class CustomMarkdownService { ...@@ -75,7 +75,7 @@ export class CustomMarkdownService {
const anchorNode = document.createElement<'a'>('a'); const anchorNode = document.createElement<'a'>('a');
anchorNode.href = imgNode.src; anchorNode.href = imgNode.src;
anchorNode.target = null; anchorNode.target = null;
anchorNode.classList.add(...['highslide', 'd-flex', 'd-sm-block', 'justify-content-center']); anchorNode.classList.add(...['highslide']);
anchorNode.setAttribute('onclick', 'return hs.expand(this);'); anchorNode.setAttribute('onclick', 'return hs.expand(this);');
anchorNode.appendChild(imgNode); anchorNode.appendChild(imgNode);
......
...@@ -22,8 +22,9 @@ body { ...@@ -22,8 +22,9 @@ body {
.thumbnail { .thumbnail {
max-width: 100%; max-width: 100%;
max-height: 20rem; max-height: 400px;
height: auto; height: auto;
width: auto;
} }
#theme-wrapper { #theme-wrapper {
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment