From 7dadc6f77c0e0fb1ca36b2363b5422abddeb19cd Mon Sep 17 00:00:00 2001 From: Michael Tremer Date: Tue, 16 Oct 2018 09:54:56 +0100 Subject: [PATCH] Fix navbar size on webkit Signed-off-by: Michael Tremer --- src/scss/_variables.scss | 11 +++++------ src/scss/style.scss | 4 ++++ 2 files changed, 9 insertions(+), 6 deletions(-) diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss index e075b70a..8a1eabfc 100644 --- a/src/scss/_variables.scss +++ b/src/scss/_variables.scss @@ -72,13 +72,12 @@ $display1-size: 4rem; $link-color: $primary; // Navbar -$navbar-brand-font-size: 44px; -$navbar-brand-height: 76px; +$navbar-brand-font-size: 3rem; +$navbar-brand-height: 5rem; +$navbar-brand-padding-y: 1rem; +$navbar-height: $navbar-brand-height + ($navbar-brand-padding-y * 2); -$nav-link-height: 48px; -$navbar-nav-link-padding-x: 16px; - -$navbar-padding-y: 24px; +$navbar-nav-link-padding-x: 1rem; // Input $input-btn-padding-x: 1.5rem; diff --git a/src/scss/style.scss b/src/scss/style.scss index 526ab8fb..b5bc5122 100644 --- a/src/scss/style.scss +++ b/src/scss/style.scss @@ -87,6 +87,10 @@ body { .navbar { background-color: rgba($gray-400, .06); + // Webkit is being stupid and cannot figure out the height + // of the navbar by itself + min-height: $navbar-height; + .navbar-brand { color: inherit; } -- 2.47.2