From: Michael Tremer <michael.tremer@ipfire.org>
Date: Tue, 16 Oct 2018 08:54:56 +0000 (+0100)
Subject: Fix navbar size on webkit
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=7dadc6f77c0e0fb1ca36b2363b5422abddeb19cd;p=ipfire.org.git

Fix navbar size on webkit

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>
---

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;
 	}