ref #1709; only padding-right if toc

mbostock · mbostock · commit 2ff8c4affbb7 · 2024-10-01T16:20:16.000-07:00
diff --git a/src/style/layout.css b/src/style/layout.css
@@ -433,8 +433,8 @@ body {
   #observablehq-sidebar-toggle:indeterminate ~ #observablehq-center #observablehq-toc {
     display: none;
   }
-  #observablehq-sidebar-toggle:checked ~ #observablehq-center #observablehq-main,
-  #observablehq-sidebar-toggle:indeterminate ~ #observablehq-center #observablehq-main {
+  #observablehq-sidebar-toggle:checked ~ #observablehq-center #observablehq-toc ~ #observablehq-main,
+  #observablehq-sidebar-toggle:indeterminate ~ #observablehq-center #observablehq-toc ~ #observablehq-main {
     padding-right: 0;
   }
 }
@@ -445,8 +445,8 @@ body {
   #observablehq-toc {
     display: block;
   }
-  #observablehq-sidebar-toggle:checked ~ #observablehq-center #observablehq-main,
-  #observablehq-sidebar-toggle:indeterminate ~ #observablehq-center #observablehq-main {
+  #observablehq-sidebar-toggle:checked ~ #observablehq-center #observablehq-toc ~ #observablehq-main,
+  #observablehq-sidebar-toggle:indeterminate ~ #observablehq-center #observablehq-toc ~ #observablehq-main {
     padding-right: calc(192px + 1rem);
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -433,8 +433,8 @@ body {`
`433`	`433`	`#observablehq-sidebar-toggle:indeterminate ~ #observablehq-center #observablehq-toc {`
`434`	`434`	`display: none;`
`435`	`435`	`}`
`436`		`- #observablehq-sidebar-toggle:checked ~ #observablehq-center #observablehq-main,`
`437`		`- #observablehq-sidebar-toggle:indeterminate ~ #observablehq-center #observablehq-main {`
	`436`	`+ #observablehq-sidebar-toggle:checked ~ #observablehq-center #observablehq-toc ~ #observablehq-main,`
	`437`	`+ #observablehq-sidebar-toggle:indeterminate ~ #observablehq-center #observablehq-toc ~ #observablehq-main {`
`438`	`438`	`padding-right: 0;`
`439`	`439`	`}`
`440`	`440`	`}`
`@@ -445,8 +445,8 @@ body {`
`445`	`445`	`#observablehq-toc {`
`446`	`446`	`display: block;`
`447`	`447`	`}`
`448`		`- #observablehq-sidebar-toggle:checked ~ #observablehq-center #observablehq-main,`
`449`		`- #observablehq-sidebar-toggle:indeterminate ~ #observablehq-center #observablehq-main {`
	`448`	`+ #observablehq-sidebar-toggle:checked ~ #observablehq-center #observablehq-toc ~ #observablehq-main,`
	`449`	`+ #observablehq-sidebar-toggle:indeterminate ~ #observablehq-center #observablehq-toc ~ #observablehq-main {`
`450`	`450`	`padding-right: calc(192px + 1rem);`
`451`	`451`	`}`
`452`	`452`	`}`