Markera valt huvudnavitem

bonny · Jul 2, 2024 · 4c720e1 · 4c720e1
1 parent 5dd2828
commit 4c720e1
Show file tree

Hide file tree

Showing 2 changed files with 46 additions and 9 deletions.
diff --git a/public/css/styles.css b/public/css/styles.css
@@ -256,7 +256,6 @@ blockquote {
     color: inherit;
 }
 .SiteTitle__titleName {
-
 }
 .SiteTitle__titleName,
 .SiteTitle__titleDivider {
@@ -310,6 +309,10 @@ blockquote {
     flex: 1 1 100%;
 }
 
+.SiteNav__item.is-current {
+    font-weight: bold;
+}
+
 .SiteNav__item a {
     display: block;
     width: 100%;

diff --git a/resources/views/parts/siteheader.blade.php b/resources/views/parts/siteheader.blade.php
@@ -19,25 +19,59 @@
     <nav class="SiteNav">
         <div class="SiteNav__inner">
             <ul class="SiteNav__items">
-                <li class="SiteNav__item SiteNav__item--latest">
+                <li @class([
+                    'SiteNav__item',
+                    'SiteNav__item--latest',
+                    'is-current' => request()->routeIs('start'),
+                ])>
                     <a href="{{ route('start') }}">Händelser</a>
                 </li>
-                <li class="SiteNav__item SiteNav__item--latest">
+                <li @class([
+                    'SiteNav__item',
+                    'SiteNav__item--latest',
+                    'is-current' => request()->routeIs('handelser'),
+                ])>
                     <a href="{{ route('handelser', [], false) }}">Senaste</a>
                 </li>
-                <li class="SiteNav__item SiteNav__item--mostRead">
+
+                <li @class([
+                    'SiteNav__item',
+                    'SiteNav__item--mostRead',
+                    'is-current' => request()->routeIs('mostRead'),
+                ])>
                     <a href="{{ route('mostRead', [], false) }}">Mest lästa</a>
                 </li>
-                <li class="SiteNav__item SiteNav__item--lan">
+
+
+                <li @class([
+                    'SiteNav__item',
+                    'SiteNav__item--lan',
+                    'is-current' => request()->routeIs('lanOverview'),
+                ])>
                     <a href="{{ route('lanOverview', [], false) }}">Län</a>
                 </li>
-                <li class="SiteNav__item SiteNav__item--geo">
-                    <a href="/nara-hitta-plats">Nära</a>
+
+                <li @class([
+                    'SiteNav__item',
+                    'SiteNav__item--geo',
+                    'is-current' => request()->routeIs('geoDetect'),
+                ])>
+                    <a href="{{ route('geoDetect') }}">Nära</a>
                 </li>
-                <li class="SiteNav__item SiteNav__item--sverigekartan">
+
+                <li @class([
+                    'SiteNav__item',
+                    'SiteNav__item--sverigekartan',
+                    'is-current' => request()->routeIs('sverigekartan'),
+                ])>
                     <a href="{{ route('sverigekartan', [], false) }}">Karta</a>
                 </li>
-                <li class="SiteNav__item SiteNav__item--search">
+
+                <li @class([
+                    'SiteNav__item',
+                    'SiteNav__item--search',
+                    'is-current' => request()->routeIs('adsenseSearch', 'geo'),
+                ])>
                     <a href="{{ route('adsenseSearch', [], false) }}">Sök</a>
                 </li>
             </ul>