Use HTML entity

redpanda-data · Aug 13, 2024 · f0b804b · f0b804b
1 parent b815e55
commit f0b804b
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 4 deletions.
diff --git a/src/css/header.css b/src/css/header.css
@@ -151,7 +151,11 @@ html.is-clipped--navbar {
 }
 
 .home .navbar-item,
-.home .navbar-link {
+.home .navbar-link,
+.api .navbar-item,
+.api .navbar-link,
+.status-404 .navbar-item,
+.status-404 .navbar-link {
   color: #f5f5f5;
 }
 

diff --git a/src/helpers/get-api-slots.js b/src/helpers/get-api-slots.js
@@ -41,8 +41,8 @@ module.exports = (url, { data }) => {
 
 function wrapHtmlWithSlot (htmlContent, slotName) {
   if (slotName) {
-    // Replace all instances of '9' with '/'
-    const modifiedSlotName = slotName.replace(/9/g, '/')
+    // Replace all instances of '&#47;' with '/'
+    const modifiedSlotName = slotName.replace(/&#47;/g, '/')
     return `<div slot="${modifiedSlotName}">${htmlContent}</div>`
   }
   // Return the content without wrapping if the slot does not match

diff --git a/src/layouts/swagger.hbs b/src/layouts/swagger.hbs
@@ -11,7 +11,7 @@
       }
     </style>
   </head>
-  <body style="padding-top:0; height:100vh;">
+  <body style="padding-top:0; height:100vh;" class="api">
 {{> header}}
 
     <div class="rapidoc-container swagger">