stwaidele/dorfteich
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases 22 Wiki Activity

Public-Ansicht: Plugin-Fallback-SVGs auf Containerbreite skalieren

Browse Source 
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
This commit is contained in:
Claude Fable 5 2026-07-19 22:48:50 +02:00
parent 2fe9374f16
commit 4762cb73d3
1 changed files with 9 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
apps/web/src/styles/base.css
View File

@ -2793,6 +2793,15 @@ ul[data-type='task_list'] li p:last-of-type {
height: auto; 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) */ /* Effective-permissions inspector (issue #57) */
.inspector__intro { .inspector__intro {
color: var(--color-text-muted); color: var(--color-text-muted);