From fd1b82ed5e25190cdd44285a7cc93099aa85b062 Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Fri, 5 Mar 2021 10:13:27 +0300
Subject: [PATCH] Making navigation fixed in one place

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 src/renderer/components/layout/page-layout.scss | 11 +++++++++--
 .../components/tree-view/tree-view.scss         | 17 +++++++++++++----
 2 files changed, 22 insertions(+), 6 deletions(-)

diff --git a/src/renderer/components/layout/page-layout.scss b/src/renderer/components/layout/page-layout.scss
index 093fb7736e..c3fb7f7a59 100644
--- a/src/renderer/components/layout/page-layout.scss
+++ b/src/renderer/components/layout/page-layout.scss
@@ -2,8 +2,8 @@
   --width: 60%;
   --max-width: 1000px;
   --min-width: 570px;
-  --nav-width: 160px;
-  --spacing: calc(var(--unit) * 2);
+  --nav-width: 180px;
+  --spacing: calc(var(--unit) * 3);
 
   position: relative;
   width: 100%;
@@ -56,6 +56,13 @@
       min-width: var(--min-width);
       max-width: var(--max-width);
       padding: calc(var(--spacing) * 2);
+
+      .content-navigation {
+        > ul {
+          position: fixed;
+          width: var(--nav-width);
+        }
+      }
     }
   }
 
diff --git a/src/renderer/components/tree-view/tree-view.scss b/src/renderer/components/tree-view/tree-view.scss
index 1da355385f..15f72b19e7 100644
--- a/src/renderer/components/tree-view/tree-view.scss
+++ b/src/renderer/components/tree-view/tree-view.scss
@@ -4,9 +4,18 @@
     color: var(--textColorAccent);
   }
 
-  .MuiTreeItem-root.Mui-selected > .MuiTreeItem-content .MuiTreeItem-label {
-    border-radius: 4px;
-    border: 1px solid var(--blue);
-    font-weight: bold;
+  .MuiTreeItem-root {
+    > .MuiTreeItem-content .MuiTreeItem-label {
+      border-radius: 4px;
+      border: 1px solid transparent;
+    }
+
+    &.Mui-selected, &.Mui-selected:focus {
+      > .MuiTreeItem-content .MuiTreeItem-label {
+        border-color: var(--blue);
+        font-weight: bold;
+        background-color: transparent;
+      }
+    }
   }
 }
\ No newline at end of file