From ede7ecd4e9e855098814b5028f23b5d79ec8a255 Mon Sep 17 00:00:00 2001
From: Christopher Fullarton <christopher.fullarton@mni.thm.de>
Date: Sat, 30 Nov 2019 11:01:16 +0100
Subject: [PATCH] Fixes scale of the embedded videos and images

---
 src/app/service/custom-markdown/custom-markdown.service.ts | 4 ++--
 src/styles/_custom.scss                                    | 3 ++-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/app/service/custom-markdown/custom-markdown.service.ts b/src/app/service/custom-markdown/custom-markdown.service.ts
index bd4b7cd1..6ea1b8c6 100644
--- a/src/app/service/custom-markdown/custom-markdown.service.ts
+++ b/src/app/service/custom-markdown/custom-markdown.service.ts
@@ -36,7 +36,7 @@ export class CustomMarkdownService {
   }
 
   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);
     if (youtubeMatch) {
@@ -75,7 +75,7 @@ export class CustomMarkdownService {
         const anchorNode = document.createElement<'a'>('a');
         anchorNode.href = imgNode.src;
         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.appendChild(imgNode);
 
diff --git a/src/styles/_custom.scss b/src/styles/_custom.scss
index 003d3193..8416a656 100644
--- a/src/styles/_custom.scss
+++ b/src/styles/_custom.scss
@@ -22,8 +22,9 @@ body {
 
 .thumbnail {
   max-width: 100%;
-  max-height: 20rem;
+  max-height: 400px;
   height: auto;
+  width: auto;
 }
 
 #theme-wrapper {
-- 
GitLab