From 9cb3c5946c33e1c73331a0b5560334fb466863b4 Mon Sep 17 00:00:00 2001
From: Jerad Rutnam <jeradrutnam@outlook.com>
Date: Sun, 10 Nov 2024 10:47:15 +0530
Subject: [PATCH] Add number connect line for complete guides

---
 .../material/assets/css/complete-guide.css    | 22 ++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/en/theme/material/assets/css/complete-guide.css b/en/theme/material/assets/css/complete-guide.css
index 2bc245e608..0dd94eb0ad 100644
--- a/en/theme/material/assets/css/complete-guide.css
+++ b/en/theme/material/assets/css/complete-guide.css
@@ -21,6 +21,7 @@
 }
 
 .md-nav__item {
+    position: relative;
     padding-right: .6rem;
     display: flex;
     flex-direction: row;
@@ -28,7 +29,7 @@
     margin-bottom: 10px;
 }
 
-.guide-page-number {
+.md-nav__item > .guide-page-number {
     display: inline-block;
     margin-top: 1px;
     margin-right: 10px;
@@ -47,3 +48,22 @@
     display: inline-block;
     margin-top: 0 !important;
 }
+
+.md-nav__item.md-nav__item--active > .guide-page-number {
+    color: var(--colors-white);
+    background: var(--md-typeset-a-color);
+}
+
+.md-nav__item::before {
+    content: '';
+    position: absolute;
+    top: 1rem;
+    left: 24px;
+    width: 0;
+    height: calc(100% - 5px);
+    border-left: 1px solid var(--md-default-fg-color);
+}
+
+.md-nav__item:last-child::before {
+    border-left: none !important;
+}