Fixed broken "Scala 3" sub menu on mobile (#2971)

CSS doesn't support id selector containing whitespace, see https://github.com/scala/docs.scala-lang/blob/d626b36e217a99ee078cdcfbc30d23386dc7fb00/resources/js/functions.js#L90
scala · Feb 23, 2024 · ffe5096 · ffe5096
1 parent 38af45a
commit ffe5096
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/_includes/navbar-inner.html b/_includes/navbar-inner.html
@@ -23,7 +23,7 @@
             <li class="navigation-menu-item">
               {% capture translatedPageId %}/{{page.language}}{{navItem.url | remove_first: '.html' }}{% endcapture %}
               {% assign navItemTranslated = site.documents | where: 'id', translatedPageId | first %}
-              <a href="{% if navItemTranslated.url %}{{navItemTranslated.url}}{% elsif navItem.url contains '://' or navItem.url == '#' %}{{navItem.url}}{% else %}{{site.baseurl}}{{navItem.url}}{% endif %}" id="{{ navItem.title | downcase | strip }}" {% if page.url contains navItem.url %}class="active"{% endif %}>{{navItem.title}}</a>
+              <a href="{% if navItemTranslated.url %}{{navItemTranslated.url}}{% elsif navItem.url contains '://' or navItem.url == '#' %}{{navItem.url}}{% else %}{{site.baseurl}}{{navItem.url}}{% endif %}" id="{{ navItem.title | downcase | strip | remove: ' ' }}" {% if page.url contains navItem.url %}class="active"{% endif %}>{{navItem.title}}</a>
                 {% if navItem.submenu %}
                 <ul class="navigation-dropdown">
                 {% for subItem in navItem.submenu %}
@@ -42,7 +42,7 @@
     <nav class="doc-navigation-submenus">
       {% for navItem in navdata %}
         {% if navItem.submenu %}
-          <ul class="navigation-submenu" id="{{ navItem.title | downcase | strip }}" style="display: none;">
+          <ul class="navigation-submenu" id="{{ navItem.title | downcase | strip | remove: ' ' }}" style="display: none;">
             {% for subItem in navItem.submenu %}
               <li>
                 <a href="{% if subItem.url contains '://' %}{{subItem.url}}{% else %}{{site.baseurl}}{{subItem.url}}{% endif %}">{{ subItem.title }}</a>