From 08bd2d0676ddad69857593d6a5070e98943a86b0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Philippe=20Rivi=C3=A8re?= <fil@rezo.net>
Date: Wed, 29 Nov 2023 08:57:03 +0100
Subject: [PATCH] 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.
---
 public/style.css | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/public/style.css b/public/style.css
index ec8054014..bf90d56e0 100644
--- 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;
   }