Hide home button

NeurodataWithoutBorders · Dec 28, 2023 · 4b1b8c8 · 4b1b8c8
1 parent f56c373
commit 4b1b8c8
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 1 deletion.
diff --git a/src/renderer/assets/css/nav.css b/src/renderer/assets/css/nav.css
@@ -107,6 +107,10 @@ a[data-toggle="collapse"] {
     padding-bottom: 0px;
 }
 
+#main-nav .sidebar-header img {
+    cursor: pointer;
+}
+
 #main-nav .sidebar-body {
     display: flex;
     flex-direction: column;
@@ -117,6 +121,15 @@ a[data-toggle="collapse"] {
     flex-grow: 1;
 }
 
+#main-nav .sidebar-body > *:last-child {
+    /* margin-top: 50px; */
+    border-top: 1px solid #ccc;
+    padding-top: 10px;
+    position: sticky;
+    bottom: 0;
+    background: var(--color-sidebar);
+}
+
 #main-nav ul.components {
     list-style: none;
     padding-right: 10px;

diff --git a/src/renderer/src/pages.js b/src/renderer/src/pages.js
@@ -100,6 +100,7 @@ const pages = {
     "/": new GettingStartedPage({
         label: "Home",
         icon: overviewIcon,
+        hidden: true
     }),
     conversion: new GuidedHomePage({
         label: "Conversions",

diff --git a/src/renderer/src/stories/sidebar.js b/src/renderer/src/stories/sidebar.js
@@ -139,7 +139,9 @@ export class Sidebar extends LitElement {
           <div class="sidebar-header">
               ${
                   logoNoName
-                      ? html` <img id="button-soda-big-icon" class="nav-center-logo-image" src="${this.logo}" /> `
+                      ? html` <img id="button-soda-big-icon" class="nav-center-logo-image" src="${this.logo}" @click=${
+                        () => this.select("/")
+                      }/> `
                       : ""
               }
                 ${hasName ? html`<h1 style="margin-bottom: 0;">${this.name}</h1>` : ""}
@@ -169,6 +171,8 @@ export class Sidebar extends LitElement {
                         const label = info.label ?? id;
                         const icon = info.icon ?? "";
 
+                        if (info.hidden) return;
+
                         const a = document.createElement("a");
                         a.setAttribute("data-id", id);
                         a.href = "#";