chore: fix broken scrolling (#1085)

* chore: fix broken scrolling * chore: add changeset
apollographql · Sep 11, 2023 · 61540a8 · 61540a8
1 parent bc3fbb0
commit 61540a8
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 0 deletions.
diff --git a/.changeset/rude-students-destroy.md b/.changeset/rude-students-destroy.md
@@ -0,0 +1,5 @@
+---
+"apollo-client-devtools": patch
+---
+
+Fix scrolling bug introduced when making sidebar expandable.
diff --git a/src/application/components/Layouts/SidebarLayout.tsx b/src/application/components/Layouts/SidebarLayout.tsx
@@ -59,6 +59,7 @@ const Sidebar = ({ navigationProps, children }: SidebarProps) => {
         defaultSize={25}
         minSize={10}
         style={{
+          overflow: "scroll",
           height: "100vh",
           backgroundColor: "var(--primary)",
         }}
@@ -91,6 +92,7 @@ const Content = ({ children }: ContentProps) => (
     minSize={30}
     data-testid="content"
     style={{
+      overflow: "scroll",
       height: "100vh",
       width: "100%",
       backgroundColor: "var(--main)",

diff --git a/src/extension/devtools/panel.html b/src/extension/devtools/panel.html
@@ -8,6 +8,9 @@
       body {
         overflow: hidden;
       }
+      ::-webkit-scrollbar {
+        display: none;
+      }
       #devtools {
         width: 100vw;
         height: 100vh;