From f9c77d77e48ccc029e7959be389dde5b5d63a7c1 Mon Sep 17 00:00:00 2001 From: Louis-Maxime Piton Date: Wed, 27 Dec 2023 09:12:13 +0100 Subject: [PATCH] docs: enhance the navbar's dropdown rendering on mobile (#2432) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Julien Déramond --- site/assets/scss/_navbar.scss | 19 +++++++++++++++++++ site/assets/scss/_search.scss | 2 ++ site/layouts/partials/docs-navbar.html | 21 ++++++++++----------- site/layouts/partials/docs-versions.html | 10 +++++----- 4 files changed, 36 insertions(+), 16 deletions(-) diff --git a/site/assets/scss/_navbar.scss b/site/assets/scss/_navbar.scss index 8decf4e8f8..55be8d6e09 100644 --- a/site/assets/scss/_navbar.scss +++ b/site/assets/scss/_navbar.scss @@ -51,8 +51,27 @@ @include media-breakpoint-down(lg) { border-top: 1px solid #666; } + + .dropdown-toggle { + line-height: 1.5625rem; + + @include media-breakpoint-up(md) { + line-height: 1.875rem; + } + } } // End mod } +// Boosted mod +.bd-header { + max-height: 100vh; + overflow: hidden auto; + + @include media-breakpoint-up(lg) { + overflow: visible; + } +} +// End mod + // Boosted mod: no `@include color-mode(dark)` since Boosted doesn't yet fully support dark mode diff --git a/site/assets/scss/_search.scss b/site/assets/scss/_search.scss index d705355a41..106902c6d4 100644 --- a/site/assets/scss/_search.scss +++ b/site/assets/scss/_search.scss @@ -77,6 +77,8 @@ --docsearch-searchbox-focus-background: #{$black}; --docsearch-text-color: #{$white}; + height: auto; + padding: 0; margin: 0; border: 0; diff --git a/site/layouts/partials/docs-navbar.html b/site/layouts/partials/docs-navbar.html index f4b6c4b2e8..58524d91dc 100644 --- a/site/layouts/partials/docs-navbar.html +++ b/site/layouts/partials/docs-navbar.html @@ -1,4 +1,4 @@ -
+