Fix layout issue when no sidebar (#134)

davidjgoss · web-flow · commit acaecdd4dabe · 2025-08-09T10:41:06.000+01:00
diff --git a/src/css/custom.scss b/src/css/custom.scss
@@ -118,7 +118,7 @@ adjusting for padding. This matches what the blog and our custom page layouts al
   }
 
   [class^='docsWrapper'] {
-    max-width: var(--ifm-container-width);
+    width: min(var(--ifm-container-width), 100%);
     margin-left: auto;
     margin-right: auto;
   }
@@ -133,7 +133,7 @@ At the wider breakpoint for the Infima container, re-declare the widths.
   }
 
   [class^='docsWrapper'] {
-    max-width: var(--ifm-container-width-xl);
+    width: min(var(--ifm-container-width-xl), 100%);
   }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -118,7 +118,7 @@ adjusting for padding. This matches what the blog and our custom page layouts al`
`118`	`118`	`}`
`119`	`119`
`120`	`120`	`[class^='docsWrapper'] {`
`121`		`- max-width: var(--ifm-container-width);`
	`121`	`+ width: min(var(--ifm-container-width), 100%);`
`122`	`122`	`margin-left: auto;`
`123`	`123`	`margin-right: auto;`
`124`	`124`	`}`
`@@ -133,7 +133,7 @@ At the wider breakpoint for the Infima container, re-declare the widths.`
`133`	`133`	`}`
`134`	`134`
`135`	`135`	`[class^='docsWrapper'] {`
`136`		`- max-width: var(--ifm-container-width-xl);`
	`136`	`+ width: min(var(--ifm-container-width-xl), 100%);`
`137`	`137`	`}`
`138`	`138`	`}`
`139`	`139`