hide backdrop when the page is large enough

Addresses the following scenario: the user starts on a small window, types cmd-B to show the sidebar, then enlarges the window to read the contents, and wants to click on a link. If we didn't hide the backdrop, the click would close the sidebar and move the contents to the left.
observablehq · Nov 29, 2023 · 08bd2d0 · 08bd2d0
1 parent e8cf4f8
commit 08bd2d0
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/public/style.css b/public/style.css
@@ -345,6 +345,9 @@ a[href],
     padding-left: calc(240px + 3rem);
     padding-right: 1rem;
   }
+  #observablehq-sidebar-toggle:checked ~ #observablehq-sidebar-backdrop {
+    display: none;
+  }
   pre {
     border-radius: 4px;
   }