Add section with subpages to demo docs + fix hover styling (#300)

jorisvandenbossche · web-flow · commit ab928989b450 · 2021-01-19T13:09:43.000+01:00
diff --git a/docs/demo/index.rst b/docs/demo/index.rst
@@ -17,6 +17,7 @@ the left sidebar to see how various elements look on this theme.
     markdown
     example_pandas
     mult_headers
+    subpages/index
 
 .. toctree::
     :maxdepth: 3
diff --git a/docs/demo/subpages/index.rst b/docs/demo/subpages/index.rst
@@ -0,0 +1,10 @@
+Section with sub-pages
+======================
+
+To create an additional level of nesting in the sidebar, construct a
+nested ``toctree``:
+
+.. toctree::
+
+    subpage1
+    subpage2
diff --git a/docs/demo/subpages/subpage1.rst b/docs/demo/subpages/subpage1.rst
@@ -0,0 +1,9 @@
+Sub-page 1
+==========
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lorem neque, interdum in ipsum nec,
+finibus dictum velit. Ut eu efficitur arcu, id aliquam erat. In sit amet diam gravida, imperdiet tellus eu,
+gravida nisl. Praesent aliquet odio eget libero elementum, quis rhoncus tellus tincidunt.
+Suspendisse quis volutpat ipsum. Sed lobortis scelerisque tristique. Aenean condimentum risus tellus,
+quis accumsan ipsum laoreet ut. Integer porttitor maximus suscipit. Mauris in posuere sapien.
+Aliquam accumsan feugiat ligula, nec fringilla libero commodo sed. Proin et erat pharetra.
diff --git a/docs/demo/subpages/subpage2.rst b/docs/demo/subpages/subpage2.rst
@@ -0,0 +1,9 @@
+Sub-page 2
+==========
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lorem neque, interdum in ipsum nec,
+finibus dictum velit. Ut eu efficitur arcu, id aliquam erat. In sit amet diam gravida, imperdiet tellus eu,
+gravida nisl. Praesent aliquet odio eget libero elementum, quis rhoncus tellus tincidunt.
+Suspendisse quis volutpat ipsum. Sed lobortis scelerisque tristique. Aenean condimentum risus tellus,
+quis accumsan ipsum laoreet ut. Integer porttitor maximus suscipit. Mauris in posuere sapien.
+Aliquam accumsan feugiat ligula, nec fringilla libero commodo sed. Proin et erat pharetra.
diff --git a/pydata_sphinx_theme/static/css/index.1f01dc88d85638299a1b8a4965d7daed.css b/pydata_sphinx_theme/static/css/index.1f01dc88d85638299a1b8a4965d7daed.css
diff --git a/pydata_sphinx_theme/static/js/index.884e4d899485f07b15bb.js b/pydata_sphinx_theme/static/js/index.884e4d899485f07b15bb.js
diff --git a/pydata_sphinx_theme/static/webpack-macros.html b/pydata_sphinx_theme/static/webpack-macros.html
@@ -17,13 +17,13 @@
 
 {% macro head_pre_bootstrap() %}
   <link href="{{ pathto('_static/css/theme.css', 1) }}" rel="stylesheet" />
-  <link href="{{ pathto('_static/css/index.e5250f280ebcea5fe1e84e6e44ee735a.css', 1) }}" rel="stylesheet" />
+  <link href="{{ pathto('_static/css/index.1f01dc88d85638299a1b8a4965d7daed.css', 1) }}" rel="stylesheet" />
 {% endmacro %}
 
 {% macro head_js_preload() %}
-  <link rel="preload" as="script" href="{{ pathto('_static/js/index.316d110deaf8b9ce2406.js', 1) }}">
+  <link rel="preload" as="script" href="{{ pathto('_static/js/index.884e4d899485f07b15bb.js', 1) }}">
 {% endmacro %}
 
 {% macro body_post() %}
-  <script src="{{ pathto('_static/js/index.316d110deaf8b9ce2406.js', 1) }}"></script>
+  <script src="{{ pathto('_static/js/index.884e4d899485f07b15bb.js', 1) }}"></script>
 {% endmacro %}
diff --git a/src/scss/index.scss b/src/scss/index.scss
@@ -317,6 +317,12 @@ table.field-list {
         padding: 0.25rem 1.5rem;
         font-size: 0.9em;
         color: rgba(var(--color-sidebar-link), 1);
+
+        &:hover {
+          color: rgba(var(--color-sidebar-link-hover), 1);
+          text-decoration: none;
+          background-color: transparent;
+        }
       }
 
       .active {
