Fixed broken post list layout on mobile (#24561)

peterzimon · web-flow · commit 2f21e19f23da · 2025-07-30T10:57:32.000+02:00
fixes #23643 - Fixed an layout issue that happens when the user collapses the sidebar while in desktop view and then switch to mobile view and go to the posts page. See issue above for more details.
diff --git a/ghost/admin/app/styles/layouts/main.css b/ghost/admin/app/styles/layouts/main.css
@@ -1184,9 +1184,11 @@ body:not(.gh-body-fullscreen) .gh-viewport {
     max-width: var(--main-layout-content-maxwidth);
 }
 
-.gh-nav-hidden + .gh-main .gh-canvas {
-    padding-left: 80px;
-    padding-right: 80px;
+@media (min-width: 800px) {
+    .gh-nav-hidden + .gh-main .gh-canvas {
+        padding-left: 80px;
+        padding-right: 80px;
+    }
 }
 
 .gh-canvas.gh-canvas-sticky {

Original file line number	Diff line number	Diff line change
`@@ -1184,9 +1184,11 @@ body:not(.gh-body-fullscreen) .gh-viewport {`
`1184`	`1184`	`max-width: var(--main-layout-content-maxwidth);`
`1185`	`1185`	`}`
`1186`	`1186`
`1187`		`-.gh-nav-hidden + .gh-main .gh-canvas {`
`1188`		`- padding-left: 80px;`
`1189`		`- padding-right: 80px;`
	`1187`	`+@media (min-width: 800px) {`
	`1188`	`+ .gh-nav-hidden + .gh-main .gh-canvas {`
	`1189`	`+ padding-left: 80px;`
	`1190`	`+ padding-right: 80px;`
	`1191`	`+ }`
`1190`	`1192`	`}`
`1191`	`1193`
`1192`	`1194`	`.gh-canvas.gh-canvas-sticky {`