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