fix(site): collapse failed on docs

kestra-io · Sep 15, 2023 · 4efe442 · 4efe442 · vercel · Sep 15, 2023
1 parent 18c0075
commit 4efe442
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 21 deletions.
diff --git a/assets/app.js b/assets/app.js
diff --git a/components/docs/RecursiveNavSidebar.vue b/components/docs/RecursiveNavSidebar.vue
@@ -1,7 +1,7 @@
 <template>
     <div
-        :id="parentSlug"
-        :data-bs-parent="'#'+parentSlug"
+        :id="parentSlug.replaceAll('/', '_')"
+        :data-bs-parent="'#'+parentSlug.replaceAll('/', '_')"
         class="accordion-collapse"
         :class="activeSlug.includes(parentSlug) ? 'collapse show' : 'collapse'"
     >
@@ -31,7 +31,7 @@
                         :class="getClass(item, depthLevel, true)"
                         class="disabled"
                         @click="toggle(item._path, isPage(item))" data-bs-toggle="collapse"
-                        :data-bs-target="'#'+item._path"
+                        :data-bs-target="'#'+item._path.replaceAll('/', '_')"
                     >
                             {{ item.emoji }}
                             {{ item.title }}
@@ -41,14 +41,14 @@
                             v-if="isShow(item._path)"
                             @click="toggle(item._path)"
                             class="accordion-button" data-bs-toggle="collapse"
-                            :data-bs-target="'#'+item._path"
+                            :data-bs-target="'#'+item._path.replaceAll('/', '_')"
                             role="button"
                         />
                         <chevron-down
                             v-else
                             @click="toggle(item._path)"
                             class="accordion-button" data-bs-toggle="collapse"
-                            :data-bs-target="'#'+item._path"
+                            :data-bs-target="'#'+item._path.replaceAll('/', '_')"
                             role="button"
                         />
                     </template>