From 8ac914eb89963252cd5d7a38ae4fd10136443ea5 Mon Sep 17 00:00:00 2001
From: Maximilian Harz <maxharz@gmail.com>
Date: Fri, 27 Jun 2025 18:23:07 +0200
Subject: [PATCH] Allow full width images; fix overflow in teaser

---
 webapp/components/Editor/ContentViewer.vue  | 2 +-
 webapp/components/Editor/Editor.vue         | 2 +-
 webapp/components/PostTeaser/PostTeaser.vue | 8 +++++++-
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/webapp/components/Editor/ContentViewer.vue b/webapp/components/Editor/ContentViewer.vue
index 47d07214e..438bbd93f 100644
--- a/webapp/components/Editor/ContentViewer.vue
+++ b/webapp/components/Editor/ContentViewer.vue
@@ -52,7 +52,7 @@ export default {
   img {
     display: block;
     max-height: 400px;
-    max-width: 400px;
+    max-width: 100%;
   }
 }
 </style>
diff --git a/webapp/components/Editor/Editor.vue b/webapp/components/Editor/Editor.vue
index 078cf26f6..21f792f9f 100644
--- a/webapp/components/Editor/Editor.vue
+++ b/webapp/components/Editor/Editor.vue
@@ -327,7 +327,7 @@ li > p {
   img {
     display: block;
     max-height: 400px;
-    max-width: 400px;
+    max-width: 100%;
   }
 }
 
diff --git a/webapp/components/PostTeaser/PostTeaser.vue b/webapp/components/PostTeaser/PostTeaser.vue
index a0d680dee..a95c8eaff 100644
--- a/webapp/components/PostTeaser/PostTeaser.vue
+++ b/webapp/components/PostTeaser/PostTeaser.vue
@@ -48,7 +48,7 @@
       </client-only>
       <!-- TODO: replace editor content with tiptap render view -->
       <!-- eslint-disable-next-line vue/no-v-html -->
-      <div class="content hyphenate-text" v-html="excerpt" />
+      <div class="content hyphenate-text excerpt" v-html="excerpt" />
       <footer
         class="footer"
         v-observe-visibility="(isVisible, entry) => visibilityChanged(isVisible, entry, post.id)"
@@ -350,3 +350,9 @@ export default {
   }
 }
 </style>
+
+<style scoped>
+.excerpt {
+  overflow: hidden;
+}
+</style>