Merge branch '963-fix-back-navigation' into 'main'

apply back-btn update

See merge request !15

docusaurus.config.js

 /** @type {import('@docusaurus/types').DocusaurusConfig} */
 const gitBranch = process.env.GIT_BRANCH || 'main'
 
-const baseUrl = process.env.DOCUSAURUS_BASE_URL || '/'
+const baseUrl = process.env.DOCUSAURUS_BASE_URL || '/meta/'
 
 module.exports = {
   title: 'Dokumentation zur Nutzung des Föderalen Entwicklungsportals',
@@ -59,7 +59,7 @@ module.exports = {
     ],
   ],
   scripts: [ {
-      src: '/js/custom.js',
+      src: `${baseUrl}js/custom.js`,
       async: false,
     },
   ],

src/css/custom.css

@@ -25,12 +25,16 @@ img {
 }
 
 @media screen and (min-width: 1000px) {
-  .has-back-btn .navbar__brand {
+  .navbar__brand {
     margin-left: 32px;
   }
+
+  .hidden-back-btn .navbar__brand {
+    margin-left: 0;
+  }
 }
 
-.has-back-btn .navbar__toggle.clean-btn {
+.navbar__toggle.clean-btn {
   margin-left: 32px;
 }
 

static/js/custom.js

@@ -6,10 +6,10 @@ window.addEventListener("load", function() {
     const checkBackBtnVisibility = () => {
         if (window.location.pathname === '/' && !btn.classList.contains('hidden')) {
             btn.classList.add('hidden');
-            nav.classList.remove('has-back-btn');
+            nav.classList.add('hidden-back-btn');
         } else if (window.location.pathname !== '/' && btn.classList.contains('hidden')) {
             btn.classList.remove('hidden');
-            nav.classList.add('has-back-btn');
+            nav.classList.remove('hidden-back-btn');
         }
     };