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 = {
src: '/js/custom.js',
async: false,
},
]
],
}
......@@ -24,25 +24,34 @@ img {
position: relative;
}
.navbar__brand {
margin-left: 0.3rem;
@media screen and (min-width: 1000px) {
.has-back-btn .navbar__brand {
margin-left: 32px;
}
}
.has-back-btn .navbar__toggle.clean-btn {
margin-left: 32px;
}
.fitko-navbar-icon--back {
display: inline-block !important;
padding: 0;
position: absolute;
left: -10px;
top: 10px;
left: 2px;
top: 13px;
}
.fitko-navbar-icon--back a {
width: 18px;
height: 18px;
display: inline-block;
width: 24px;
height: 24px;
text-align: center;
}
.fitko-navbar-icon--back img {
height: 14px;
display: inline-block;
height: 18px;
}
.fitko-navbar-icon--back.hidden {
......
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
const checkBackBtnVisibility = () => {
const btn = document.getElementsByClassName('fitko-navbar-icon--back')[0];
if (window.location.pathname === '/' && !btn.classList.contains('hidden')) {
btn.classList.add('hidden');
nav.classList.remove('has-back-btn');
} else if (window.location.pathname !== '/' && btn.classList.contains('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