From ed11502220461ffb14679f65bcdf95ffef0d5c25 Mon Sep 17 00:00:00 2001
From: Mark Kane <info@markkane.de>
Date: Thu, 2 Jun 2022 11:30:31 +0200
Subject: [PATCH] Fix: increase back button size, improve responsive handling,
disable breadcrumbs (planning#404)
---
docusaurus.config.js | 1 +
src/css/style.scss | 23 ++++++++++++++++-------
static/js/custom.js | 6 +++++-
3 files changed, 22 insertions(+), 8 deletions(-)
diff --git a/docusaurus.config.js b/docusaurus.config.js
index 224a04ca8..db31eab99 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 6935ce0a0..3c6d6a90e 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 95436c218..44205db01 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');
}
};
--
GitLab