From 4762cb73d3981a29ea33f7b34fbdda6d009e152e Mon Sep 17 00:00:00 2001
From: Claude Fable 5 <fable-5@waidele.info>
Date: Sun, 19 Jul 2026 22:48:50 +0200
Subject: [PATCH] Public-Ansicht: Plugin-Fallback-SVGs auf Containerbreite
 skalieren
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Vom Fallback-Renderer inline eingesetzte SVGs (z. B. Excalidraw-
Skizzen) tragen feste Pixelmaße und liefen auf schmalen Viewports über
den Rand — die bestehende img-Regel greift für inline-<svg> nicht.
Neue Regel .dt-plugin-fallback svg { max-width:100%; height:auto }.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_0155v2aT8AG1kZDQEZiCLBWC
---
 apps/web/src/styles/base.css | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/apps/web/src/styles/base.css b/apps/web/src/styles/base.css
index 44ad026..f31836a 100644
--- a/apps/web/src/styles/base.css
+++ b/apps/web/src/styles/base.css
@@ -2793,6 +2793,15 @@ ul[data-type='task_list'] li p:last-of-type {
   height: auto;
 }
 
+/* Plugin-fallback SVGs (e.g. Excalidraw sketches inlined by the api's
+   fallback renderer) carry fixed pixel width/height attributes; without this
+   they overflow narrow viewports — the img rule above does not match inline
+   <svg> elements. */
+.dt-plugin-fallback svg {
+  max-width: 100%;
+  height: auto;
+}
+
 /* Effective-permissions inspector (issue #57) */
 .inspector__intro {
   color: var(--color-text-muted);