From b11b7b502bbcc6d84bce7b8a47d50d3433f23583 Mon Sep 17 00:00:00 2001 From: sneakers-the-rat Date: Thu, 22 Aug 2024 23:27:26 -0700 Subject: [PATCH] ungoofy the header at intermediate widths --- _static/pyos.css | 39 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 39 insertions(+) diff --git a/_static/pyos.css b/_static/pyos.css index 52ff4bdb..ff33950e 100644 --- a/_static/pyos.css +++ b/_static/pyos.css @@ -211,6 +211,45 @@ html[data-theme="dark"] { --pyos-h1-color: var(--pyos-color-light); } +/* -------------------------------------- +De-jumble header items. +See https://github.com/pydata/pydata-sphinx-theme/pull/1784 +*/ + +.bd-header .bd-header__inner { + padding: 0 1rem; +} + +.bd-header .navbar-item { + height: unset; + max-height: unset; +} + +@media (max-width: 960px) { + .bd-header .navbar-header-items { + flex-wrap: wrap; + row-gap: 0.5rem; + } +} + +.bd-header .navbar-header-items__end, +.bd-header .navbar-header-items__center, +.bd-header .navbar-header-items__start { + flex-flow: nowrap; +} + +.bd-header .navbar-header-items__start { + width: unset; +} + +.bd-header .navbar-header-items__center { + margin-right: 0.25em !important; +} + +.bd-header ul.navbar-nav { + flex-wrap: wrap; +} + /* -------------------------------------- */ /* Generated by https://gwfh.mranftl.com/ */