165 : color active link (#166)

Atmos4 · Dec 30, 2023 · c767bee · c767bee
1 parent 6e38789
commit c767bee
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/app/template/nav.php b/app/template/nav.php
@@ -28,8 +28,8 @@
                 <h3 class="nav-title">Intranose</h3>
             </li>
             <?php foreach ($menu->items as $menu_item): ?>
-                <li class="<?= $menu_item->url == $_SESSION['current_route'] ? "active" : "" ?>">
-                    <a class="<?= $menu_item == $_SESSION['current_route'] ? "active" : "contrast" ?>"
+                <li class="<?= strpos($_SESSION['current_route'], $menu_item->url) !== false ? "active" : "" ?>">
+                    <a class="<?= strpos($_SESSION['current_route'], $menu_item->url) !== false ? "active" : "contrast" ?>"
                         href="<?= $menu_item->url ?>" <?= $menu_item->disableBoost ? 'hx-boost="false"' : '' ?>>
                         <?php if ($menu_item->icon): ?> <i class="fa fa-fw <?= $menu_item->icon ?>"></i>
                         <?php endif ?>

diff --git a/assets/css/navbar.css b/assets/css/navbar.css
@@ -118,13 +118,16 @@ body > main > .spacing-div {
 }
 .sidenav :is(a, #family-dropdown summary) {
   text-decoration: none;
-  color: var(--contrast);
   transition: color var(--transition);
 }
 .sidenav :is(a, #family-dropdown summary):is(:hover, :focus) {
   color: var(--primary);
 }
 
+.active > a {
+  color: var(--primary);
+}
+
 @media screen and (min-width: 576px) {
   .sidenav.open {
     width: 250px;