Skip to content
Snippets Groups Projects
Commit 1b4f0a78 authored by Mark Kane's avatar Mark Kane
Browse files

Fix: increase bach button size,

improve responsiv ehandling (planning#404)
parent a8c940cb
No related branches found
No related tags found
No related merge requests found
...@@ -57,6 +57,5 @@ module.exports = { ...@@ -57,6 +57,5 @@ module.exports = {
src: '/js/custom.js', src: '/js/custom.js',
async: false, async: false,
}, },
] ],
} }
...@@ -24,25 +24,34 @@ img { ...@@ -24,25 +24,34 @@ img {
position: relative; position: relative;
} }
.navbar__brand { @media screen and (min-width: 1000px) {
margin-left: 0.3rem; .has-back-btn .navbar__brand {
margin-left: 32px;
}
}
.has-back-btn .navbar__toggle.clean-btn {
margin-left: 32px;
} }
.fitko-navbar-icon--back { .fitko-navbar-icon--back {
display: inline-block !important; display: inline-block !important;
padding: 0; padding: 0;
position: absolute; position: absolute;
left: -10px; left: 2px;
top: 10px; top: 13px;
} }
.fitko-navbar-icon--back a { .fitko-navbar-icon--back a {
width: 18px; display: inline-block;
height: 18px; width: 24px;
height: 24px;
text-align: center;
} }
.fitko-navbar-icon--back img { .fitko-navbar-icon--back img {
height: 14px; display: inline-block;
height: 18px;
} }
.fitko-navbar-icon--back.hidden { .fitko-navbar-icon--back.hidden {
......
window.addEventListener("load", function() { window.addEventListener("load", function() {
const btn = document.getElementsByClassName('fitko-navbar-icon--back')[0];
const nav = document.getElementsByClassName('navbar__items')[0];
// checks URL to see if "back to root" button should be visible // checks URL to see if "back to root" button should be visible
const checkBackBtnVisibility = () => { const checkBackBtnVisibility = () => {
const btn = document.getElementsByClassName('fitko-navbar-icon--back')[0];
if (window.location.pathname === '/' && !btn.classList.contains('hidden')) { if (window.location.pathname === '/' && !btn.classList.contains('hidden')) {
btn.classList.add('hidden'); btn.classList.add('hidden');
nav.classList.remove('has-back-btn');
} else if (window.location.pathname !== '/' && btn.classList.contains('hidden')) { } else if (window.location.pathname !== '/' && btn.classList.contains('hidden')) {
btn.classList.remove('hidden'); btn.classList.remove('hidden');
nav.classList.add('has-back-btn');
} }
}; };
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment