From b7f8a5694edaf49d0ed4d0766fc06f463b6415d6 Mon Sep 17 00:00:00 2001
From: Martijn Cuppens <martijn.cuppens@gmail.com>
Date: Thu, 2 Jan 2020 19:40:06 +0100
Subject: [PATCH 1/2] Navbar tweaks
---
site/assets/scss/_navbar.scss | 7 ++-----
site/layouts/partials/docs-navbar.html | 6 +++---
2 files changed, 5 insertions(+), 8 deletions(-)
diff --git a/site/assets/scss/_navbar.scss b/site/assets/scss/_navbar.scss
index 7df57a31e4..5500eaae22 100644
--- a/site/assets/scss/_navbar.scss
+++ b/site/assets/scss/_navbar.scss
@@ -1,16 +1,13 @@
.bd-navbar {
- min-height: 4rem;
+ padding: .625rem 0;
background-color: $bd-purple-bright;
@include media-breakpoint-down(md) {
.navbar-nav-scroll {
width: 100%;
- height: 2.5rem;
margin-top: .25rem;
- overflow: hidden;
.navbar-nav {
- padding-bottom: 2rem;
overflow-x: auto;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
@@ -22,7 +19,6 @@
.nav-link {
color: rgba($white, .85);
- &.active,
&:hover,
&:focus {
color: $white;
@@ -30,6 +26,7 @@
&.active {
font-weight: 600;
+ color: $white;
}
}
}
diff --git a/site/layouts/partials/docs-navbar.html b/site/layouts/partials/docs-navbar.html
index 637341c695..3b07cba9d1 100644
--- a/site/layouts/partials/docs-navbar.html
+++ b/site/layouts/partials/docs-navbar.html
@@ -1,6 +1,6 @@
-<header class="navbar navbar-expand navbar-dark flex-column flex-md-row bd-navbar px-0">
- <div class="container-xl flex-wrap flex-md-nowrap py-0 px-3">
- <a class="navbar-brand mr-0 mr-md-2" href="/" aria-label="Bootstrap">
+<header class="navbar navbar-expand navbar-dark bd-navbar">
+ <div class="container-xl flex-wrap flex-md-nowrap">
+ <a class="navbar-brand mr-2" href="/" aria-label="Bootstrap">
{{ partial "icons/bootstrap-logo-solid.svg" (dict "class" "d-block" "width" "32" "height" "32") }}
</a>
--
GitLab
From 4ac761d888197229cfdaa78a5605da657287d98a Mon Sep 17 00:00:00 2001
From: Martijn Cuppens <martijn.cuppens@gmail.com>
Date: Fri, 7 Feb 2020 17:09:48 +0100
Subject: [PATCH 2/2] Increase mobile scroll hit area
---
site/assets/scss/_navbar.scss | 2 ++
1 file changed, 2 insertions(+)
diff --git a/site/assets/scss/_navbar.scss b/site/assets/scss/_navbar.scss
index 5500eaae22..c8e1a2d309 100644
--- a/site/assets/scss/_navbar.scss
+++ b/site/assets/scss/_navbar.scss
@@ -8,6 +8,8 @@
margin-top: .25rem;
.navbar-nav {
+ padding: .5rem 0;
+ margin: -.5rem 0;
overflow-x: auto;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
--
GitLab