fix: css avoid inline title wrapper side scrolling on mobile (#629)

henrik · web-flow · commit 80cdf7e8bd77 · 2024-12-15T18:44:00.000+01:00
The --line-width can be wider than the mobile display (or a narrow desktop display) and would cause sidescrolling.
diff --git a/src/styles.css b/src/styles.css
@@ -1,5 +1,6 @@
 .iconize-inline-title-wrapper {
   width: var(--line-width);
+  max-width: 100%;
   margin-inline: var(--content-margin);
 }
 

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,6 @@`
`1`	`1`	`.iconize-inline-title-wrapper {`
`2`	`2`	`width: var(--line-width);`
	`3`	`+ max-width: 100%;`
`3`	`4`	`margin-inline: var(--content-margin);`
`4`	`5`	`}`
`5`	`6`