fix all drop-down items highlighted as active (#618)

apple · Mar 26, 2024 · b52a21b · b52a21b
1 parent 23e24e5
commit b52a21b
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/_includes/navigation.html b/_includes/navigation.html
@@ -51,8 +51,8 @@ <h1 id="logo">
   <nav class="mobile-navigation" role="navigation">
     <ul class="mobile-navigation-links">
       {% for nav in site.data.navigation %}
-        <li class="nav-item {% if page.url == nav.url %}active{% endif %}{% if nav.isCta %} cta{% endif %}">
-          <div class="link-container">
+        <li class="nav-item{% if nav.isCta %} cta{% endif %}">
+          <div class="link-container{% if page.url == nav.url %} active{% endif %}">
             {% if nav.url %}
               <a href="{{ nav.url }}">{{ nav.header }}</a>
               {% else %}

diff --git a/assets/stylesheets/_screen.scss b/assets/stylesheets/_screen.scss
@@ -348,7 +348,8 @@ cite {
     border-top: 1px solid var(--color-nav-rule);
     display: block;
 
-    &.active {
+    &.active,
+    .link-container.active {
       a {
         font-weight: 700;
         color: #F05138; // TODO: Use variable