From 2c7ebcb87577ef48a68e1f7fda2deeeb703f5a72 Mon Sep 17 00:00:00 2001
From: Yubao Liu <yubao.liu@gmail.com>
Date: Wed, 14 Feb 2024 23:19:40 +0800
Subject: [PATCH] Fixed broken "Scala 3" sub menu on mobile

CSS doesn't support id selector containing whitespace, see

https://github.com/scala/docs.scala-lang/blob/d626b36e217a99ee078cdcfbc30d23386dc7fb00/resources/js/functions.js#L90
---
 _includes/navbar-inner.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/_includes/navbar-inner.html b/_includes/navbar-inner.html
index 8ce1227e62..43de59b7e4 100644
--- 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>