css

Author: Wulian233

python_docs_theme/layout.html

@@ -170,3 +170,9 @@ <h3>{{ _('Navigation') }}</h3>
     {% trans sphinx_version=sphinx_version|e %}Created using <a href="https://www.sphinx-doc.org/">Sphinx</a> {{ sphinx_version }}.{% endtrans %}
     </div>
 {% endblock %}
+
+{% block content %}
+<div class="content-wrapper">
+    {{ super() }}
+</div>
+{% endblock %}

python_docs_theme/static/pydoctheme.css

@@ -149,11 +149,7 @@ div.sphinxsidebar {
     border-radius: 5px;
     line-height: 130%;
     font-size: smaller;
-    width: 217px;
-    min-width: 200px;
-    max-width: 500px;
     resize: horizontal;
-    overflow: auto;
 }
 
 div.sphinxsidebar h3,

python_docs_theme/static/sidebar.js_t

@@ -85,6 +85,29 @@ const initialiseSidebar = () => {
   else if (sidebar_state === "expanded") {
     expand_sidebar()
   }
+  
+  // Add event listeners to make the sidebar resizable by dragging the edge
+  let isResizing = false;
+  let lastDownX = 0;
+
+  sidebar.addEventListener('mousedown', (e) => {
+    isResizing = true;
+    lastDownX = e.clientX;
+  });
+
+  document.addEventListener('mousemove', (e) => {
+    if (!isResizing) return;
+
+    const offsetRight = document.body.offsetWidth - (e.clientX - document.body.offsetLeft);
+    const newWidth = Math.min(Math.max(200, offsetRight), 400);
+
+    sidebar.style.width = `${newWidth}px`;
+    bodyWrapper.style.marginLeft = `${newWidth + 10}px`;
+  });
+
+  document.addEventListener('mouseup', () => {
+    isResizing = false;
+  });
 }
 
 if (document.readyState !== "loading") {