From 0c969dbbef2482abc31c4519932e51a01226c355 Mon Sep 17 00:00:00 2001
From: Tobias Huste <t.huste@hzdr.de>
Date: Tue, 7 Jul 2020 12:28:43 +0200
Subject: [PATCH] Restructure header navbar to fit elements on all screens
---
_data/navigation.yml | 11 -----------
_includes/header.html | 2 ++
_sass/common/_header.scss | 2 +-
3 files changed, 3 insertions(+), 12 deletions(-)
diff --git a/_data/navigation.yml b/_data/navigation.yml
index 50bc3e3db..378d68de2 100644
--- a/_data/navigation.yml
+++ b/_data/navigation.yml
@@ -11,37 +11,26 @@
# original Markdown.
header:
- - title: Home
- url: /
- fontawesome_class: "fas fa-home"
-
- title: News
url: blog/
- fontawesome_class: "fas fa-rss"
- title: Services
url: "/"
- fontawesome_class: "fas fa-list"
- title: Mission
url: "/"
- fontawesome_class: "fas fa-bolt"
- title: Roadmap
url: "/"
- fontawesome_class: "fas fa-map-signs"
- title: International
url: "/"
- fontawesome_class: "fas fa-globe-europe"
- title: Contact
url: "contact"
- fontawesome_class: "fas fa-envelope"
- title: Jobs
url: "/"
- fontawesome_class: "fas fa-user"
footer:
- title: Contact
diff --git a/_includes/header.html b/_includes/header.html
index e59a22e84..9c81660e9 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -55,9 +55,11 @@ See also:
{% for entry in site.data.navigation.header %}
<a href="{{ entry.url | relative_url }}" class="btn btn-header">
<span class="navigation-entry">
+ {% if entry.fontawesome_class %}
<i class="navigation-icon {{ entry.fontawesome_class }}"
title="{{ entry.title }}">
</i>
+ {% endif %}
<span class="navigation-text">{{ entry.title }}</span>
</span>
</a>
diff --git a/_sass/common/_header.scss b/_sass/common/_header.scss
index b58411d9f..3f94fe56f 100644
--- a/_sass/common/_header.scss
+++ b/_sass/common/_header.scss
@@ -196,7 +196,7 @@
}
}
-@include medium-is-phone {
+@include medium-is-tablet-minus {
.header{
.nav_toggle {
display: block;
--
GitLab