diff --git a/docusaurus.config.js b/docusaurus.config.js index 224a04ca878f71fce6f72ba982c69e4ea18609a9..db31eab995c05e3f2089232fb3df6390d725c0dc 100644 --- a/docusaurus.config.js +++ b/docusaurus.config.js @@ -158,6 +158,7 @@ module.exports = { editUrl: ({ version, versionDocsDirPath, docPath }) => `https://git.fitko.de/-/ide/project/fit-connect/docs/edit/${gitBranch}/-/${versionDocsDirPath}/${docPath}`, routeBasePath: 'docs', + breadcrumbs: false, }, ], [ diff --git a/src/css/style.scss b/src/css/style.scss index 6935ce0a0e006ba9a7fcc9b9c1f98aa82e8236b9..3c6d6a90ec714de5634dbfbfd90b3a388a123db5 100644 --- a/src/css/style.scss +++ b/src/css/style.scss @@ -73,25 +73,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 { diff --git a/static/js/custom.js b/static/js/custom.js index 95436c218dcf201a50c992a426311eb664b07e16..44205db0145d6c2353026104a31ac2172814a618 100644 --- a/static/js/custom.js +++ b/static/js/custom.js @@ -1,11 +1,15 @@ 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'); } };