Merge pull request #97 from dstansby/lh-sidebar

Improvements to LH sidebar layout

Author: jklymak

docs/conf.py

@@ -29,7 +29,8 @@
 # extensions coming with Sphinx (named 'sphinx.ext.*') or your custom
 # ones.
 extensions = [
-    'matplotlib.sphinxext.plot_directive',
+    "matplotlib.sphinxext.plot_directive",
+    "sphinx_design"
 ]
 
 # Add any paths that contain templates here, relative to this directory.
@@ -61,6 +62,12 @@
     "navbar_links": "absolute",
 }
 
+html_sidebars = {
+    "index": [
+        "donate_sidebar.html",
+    ],
+}
+
 # Add any paths that contain custom static files (such as style sheets) here,
 # relative to this directory. They are copied after the builtin static files,
 # so a file named "default.css" will overwrite the builtin "default.css".

mpl_sphinx_theme/donate_sidebar.html

@@ -1,8 +1,5 @@
-
-
-
 <div class="sidebar-donate">
-  <a href="https://numfocus.org/donate-to-matplotlib" target="_blank">
-    <span class="mpl-button" >Support Matplotlib</span>
-  </a>
-</div>
+    <a class="sd-btn sd-btn-primary sd-fs-5 sd-px-5 sd-py-2" href="https://numfocus.org/donate-to-matplotlib" target="_blank">
+      Support Matplotlib
+    </a>
+  </div>

mpl_sphinx_theme/static/css/style.css

@@ -14,15 +14,15 @@ html[data-theme="dark"] {
 }
 
 :root {
---pst-color-link-hover: var(--pst-color-secondary);
+  --pst-color-link-hover: var(--pst-color-secondary);
 }
 
-.sidebar-cheatsheets, .sidebar-donate {
-  margin: 2.75rem 0;
+.sidebar-donate > .sd-btn {
+  width: 100%;
 }
 
 #navbar-icon-links {
-    margin-left: 1.5em;
+  margin-left: 1.5em;
 }
 
 #navbar-icon-links .nav-link {
@@ -32,4 +32,3 @@ html[data-theme="dark"] {
 #navbar-icon-links .nav-link:hover {
   color: var(--pst-color-primary);
 }
-

pyproject.toml

@@ -21,6 +21,7 @@ classifiers = [
 dependencies = [
     "pydata-sphinx-theme>=0.13.1",
     "matplotlib",
+    "sphinx-design",
 ]
 
 [project.urls]