From 493b951aa40b8e8ae4276bd4caa3d00a73191812 Mon Sep 17 00:00:00 2001 From: rishab Date: Fri, 11 Oct 2024 19:44:02 +0530 Subject: [PATCH 1/3] Highlight or add left border to active navbar subitem --- src/components/Sidebar.module.css | 16 +++++++++++++--- 1 file changed, 13 insertions(+), 3 deletions(-) diff --git a/src/components/Sidebar.module.css b/src/components/Sidebar.module.css index b4eda1e2..0d31b1dc 100644 --- a/src/components/Sidebar.module.css +++ b/src/components/Sidebar.module.css @@ -50,6 +50,7 @@ flex-grow: 1; position: relative; overflow-y: auto; + padding-top: 1rem; & ul li h4 { text-wrap: pretty; } @@ -110,20 +111,29 @@ } .tocItem { + margin-bottom: 1rem; + padding-left: calc(var(--gutter) + 0.5rem); + & a { font-family: var(--font); text-overflow: ellipsis; color: var(--processing-blue-dark); + border-left: 4px solid transparent; + display: flex; + align-items: center; + padding: 3px 0.75rem; + transition: color 0.3s, border-left-color 0.3s; + &:hover { color: var(--processing-blue-mid); + border-left-color: var(--processing-blue-mid); } + } & h4 { font-size: var(--text-regular); color: inherit; - &:hover { - color: inherit; - } + margin: 0; } } From 0a1e76adcdc862c6e82bbe0c95dcb5026e71a4db Mon Sep 17 00:00:00 2001 From: rishab Date: Mon, 14 Oct 2024 12:35:07 +0530 Subject: [PATCH 2/3] fixed word-wrap --- src/components/Sidebar.module.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/Sidebar.module.css b/src/components/Sidebar.module.css index 0d31b1dc..dd47e16b 100644 --- a/src/components/Sidebar.module.css +++ b/src/components/Sidebar.module.css @@ -30,7 +30,7 @@ .title { font-size: var(--text-reduced); padding-top: 20px; - text-wrap: pretty; + overflow-wrap: break-word; } .toggleButton { From b6b08030ea80257fd2cc8905cc8a8e55a8b89a10 Mon Sep 17 00:00:00 2001 From: rishab Date: Mon, 14 Oct 2024 13:05:12 +0530 Subject: [PATCH 3/3] removed padding-left from .toItem for better alignment --- src/components/Sidebar.module.css | 1 - 1 file changed, 1 deletion(-) diff --git a/src/components/Sidebar.module.css b/src/components/Sidebar.module.css index dd47e16b..83fb00c5 100644 --- a/src/components/Sidebar.module.css +++ b/src/components/Sidebar.module.css @@ -112,7 +112,6 @@ .tocItem { margin-bottom: 1rem; - padding-left: calc(var(--gutter) + 0.5rem); & a { font-family: var(--font);