Move version switcher next to the logo.

timhoffm · timhoffm · commit ef89431a083f · 2022-05-27T00:10:07.000+02:00
This is in preparation for adding the search field to the navbar. IMHO
placing the version next to the logo also rhymes better.

Styling of the switcher is more muted (not the strong blue). It's colors
are taken from the panels on the index page.
diff --git a/doc/_static/mpl.css b/doc/_static/mpl.css
@@ -277,3 +277,22 @@ div.twocol > div {
     display: inline-block;
     margin: 0 0.5em;
 }
+
+
+/* styling for version switcher */
+.navbar-brand {
+    /* pydata-sphinx-theme sets this as flex for some reason
+       but we cannot place the version switcher to its right then.
+     */
+    display: inline-block;
+}
+
+#version_switcher {
+    display: inline-block;
+}
+
+#version_switcher_button {
+    color: rgba(var(--pst-color-text-base),1);
+    background-color: rgba(0,0,0,.03);
+    border: 1px solid rgba(0,0,0,.125);
+}
diff --git a/doc/conf.py b/doc/conf.py
@@ -341,7 +341,8 @@ def matplotlib_reduced_latex_scraper(block, block_vars, gallery_conf,
         "url_template": "https://matplotlib.org/{version}/",
         "version_match": version,
     },
-    "navbar_end": ["version-switcher", "mpl_icon_links"]
+    "navbar_start": ["mpl_navbar_logo", "version-switcher"],
+    "navbar_end": ["mpl_icon_links"]
 }
 include_analytics = is_release_build
 if include_analytics:
