From 53a7020523e583ee220f88d06daed08306985c2e Mon Sep 17 00:00:00 2001
From: a-f-may <104366117+a-f-may@users.noreply.github.com>
Date: Sun, 30 Oct 2022 00:37:43 +0900
Subject: [PATCH 1/3] feat: resizable sidebar

---
 lib/graphql-docs/layouts/default.html | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/lib/graphql-docs/layouts/default.html b/lib/graphql-docs/layouts/default.html
index de660c1..1cba46f 100644
--- a/lib/graphql-docs/layouts/default.html
+++ b/lib/graphql-docs/layouts/default.html
@@ -7,6 +7,11 @@
     <title><%= title || name %></title>
     <link rel="stylesheet" href="<%= base_url %>/assets/style.css">
     <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/3.2.2/anchor.min.js"></script>
+    <!-- jQuery -->
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+    <!-- jQuery UI -->
+    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
+    <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">
     <script>
 
     // Add anchors on DOMContentLoaded
@@ -18,6 +23,21 @@
       };
       anchors.add('h2, h3, h4, h5, h6, .anchored');
     });
+    // resize sidebar
+    $(function(){
+      $("#sidebar").css({"width":sessionStorage.getItem("width")});
+    });
+    $(function() {
+      $("#sidebar").resizable({
+        maxWidth:350,
+        handles:"e",
+      });
+    });
+    $(function(){
+      $("#sidebar").resize(function () { 
+        sessionStorage.setItem("width",$("#sidebar").css("width"))
+      });
+    });
 
     </script>
   </head>

From d9ebeb3eb34fb55a15509d009eca9ffc0c9d3a01 Mon Sep 17 00:00:00 2001
From: a-f-may <104366117+a-f-may@users.noreply.github.com>
Date: Sun, 30 Oct 2022 00:42:36 +0900
Subject: [PATCH 2/3] fix: Set limit the resizable range of sidebarw

---
 lib/graphql-docs/layouts/default.html | 1 +
 1 file changed, 1 insertion(+)

diff --git a/lib/graphql-docs/layouts/default.html b/lib/graphql-docs/layouts/default.html
index 1cba46f..3446acb 100644
--- a/lib/graphql-docs/layouts/default.html
+++ b/lib/graphql-docs/layouts/default.html
@@ -30,6 +30,7 @@
     $(function() {
       $("#sidebar").resizable({
         maxWidth:350,
+        minWidth:200,
         handles:"e",
       });
     });

From 9ecbe94a006a199054ba54c3789c3994fb2c6711 Mon Sep 17 00:00:00 2001
From: a-f-may <104366117+a-f-may@users.noreply.github.com>
Date: Sun, 30 Oct 2022 00:46:52 +0900
Subject: [PATCH 3/3] feat: resizable sidebar