From 7642b6ac2942fc4d547726aba9f676c5a9edf3ef Mon Sep 17 00:00:00 2001
From: Christian Wolf <github@christianwolf.email>
Date: Sun, 7 Jan 2024 11:53:49 +0100
Subject: [PATCH] Handle video content for mobile views

---
 themes/tsc_vfl/assets/css/main.scss                       | 8 ++++++++
 .../layouts/shortcodes/tsc/news/internal-video.html       | 1 +
 .../layouts/shortcodes/tsc/news/youtube-video.html        | 3 ++-
 3 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/themes/tsc_vfl/assets/css/main.scss b/themes/tsc_vfl/assets/css/main.scss
index 7d8ca0d..d19d11f 100644
--- a/themes/tsc_vfl/assets/css/main.scss
+++ b/themes/tsc_vfl/assets/css/main.scss
@@ -595,6 +595,14 @@ h1 {
     }
 }
 
+.youtube-video {
+    max-width: 100%;
+}
+
+.internal-video {
+    max-width: 100%;
+}
+
 :root {
     --color-vhvorne: #ddcb55;
     --color-vhmitte: #c98879;
diff --git a/themes/tsc_vfl/layouts/shortcodes/tsc/news/internal-video.html b/themes/tsc_vfl/layouts/shortcodes/tsc/news/internal-video.html
index 5cdd47c..c908229 100644
--- a/themes/tsc_vfl/layouts/shortcodes/tsc/news/internal-video.html
+++ b/themes/tsc_vfl/layouts/shortcodes/tsc/news/internal-video.html
@@ -2,6 +2,7 @@
 {{ with .Get "poster" }}poster="{{ . }}"{{ end }}
 {{ with .Get "width" }}width="{{ . }}"{{ end }}
 {{ with .Get "height" }}height="{{ . }}"{{ end }}
+class="internal-video"
 >
     <source
     {{ with .Get "type" }}type="{{ . }}"{{ end }}
diff --git a/themes/tsc_vfl/layouts/shortcodes/tsc/news/youtube-video.html b/themes/tsc_vfl/layouts/shortcodes/tsc/news/youtube-video.html
index 26e5792..004a54e 100644
--- a/themes/tsc_vfl/layouts/shortcodes/tsc/news/youtube-video.html
+++ b/themes/tsc_vfl/layouts/shortcodes/tsc/news/youtube-video.html
@@ -5,5 +5,6 @@
     title="{{ with .Get "title" }}{{ . }}{{ else }}YouTube video player{{ end }}"
     frameborder="0"
     allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
-    allowfullscreen>
+    allowfullscreen
+    class="youtube-video">
 </iframe>