From 26b24b466e7e0c3be9844c19b4003ab7cd9f97e0 Mon Sep 17 00:00:00 2001
From: Lam Nguyen <la.nguyen@f5.com>
Date: Thu, 27 Feb 2025 11:37:57 -0800
Subject: [PATCH] fix: refactored api page to render with mf

---
 layouts/redoc/single.html | 44 +++++++++++++++++++++++----------------
 1 file changed, 26 insertions(+), 18 deletions(-)

diff --git a/layouts/redoc/single.html b/layouts/redoc/single.html
index a04c7be94..418005fa7 100644
--- a/layouts/redoc/single.html
+++ b/layouts/redoc/single.html
@@ -60,24 +60,32 @@
   }
 </style>
 <!--Use wide page layout for the API reference pages-->
-<div
-  class="row flex-md-nowrap"
-  style="
-    position: relative;
-    flex-wrap: nowrap;
-    margin-right: 9px;
-    max-width: calc(100% + 9px);
-  "
->
-  <nav
-    class="sidenav overflow-auto col-md-3 d-none d-md-block d-print-none sidebar-toggle-hidden-width"
-    style="width: 25%; border-right: 1px solid #e6e6e6"
-    ;
+<section class="main-layout api">
+  <div class="sidebar-layout" data-mf="true" style="display:none;">
+    <nav id="sidebar-v2" class="sidebar">
+      {{ partial "sidebar-v2.html" . }}
+    </nav>
+  </div>
+  <div
+    class="row flex-md-nowrap content-layout"
+    style="
+      position: relative;
+      flex-wrap: nowrap;
+      margin-right: 9px;
+      max-width: calc(100% + 9px);
+    "
   >
-    {{ partial "sidebar.html" . }}
-  </nav>
-  <div class="nginx-docs-api-container">
-    <div id="api-component">{{ .Content}}</div>
+    <nav
+      id="sidebar"
+      class="sidenav overflow-auto col-md-3 d-none d-md-block d-print-none sidebar-toggle-hidden-width"
+      style="width: 25%; border-right: 1px solid #e6e6e6"
+      ;
+    >
+      {{ partial "sidebar.html" . }}
+    </nav>
+    <div class="nginx-docs-api-container">
+      <div id="api-component">{{ .Content}}</div>
+    </div>
+  </section>
   </div>
-</div>
 {{ end }}