Redocly: Add support for content on redocly pages

Author: nginx-jack

assets/css/v2/style.css

@@ -923,10 +923,7 @@ nav {
   }
 
   /* Allow redocly to fill the entire container */
-  &.content__redocly {
-    min-width: 100%;
-    margin: 0;
-
+  .content__redocly {
     #api-component {
       z-index: 0;
       position: relative;

exampleSite/content/test-product/redoc/api-reference.md

@@ -8,4 +8,11 @@ tags:
 doctypes:
   - reference
 ---
+
+## Introduction
+
+Welcome to the API Reference documentation for the example book API. This documentation provides detailed information about the API endpoints, request/response formats, and other relevant details.
+
+## API Specification
+
 {{< openapi spec="./api/example.json" >}}

layouts/redoc/single.html

@@ -1,4 +1,9 @@
-<api-container>
-  <redoc spec-url="{{ .Get "spec" | relURL }}" menu-toggle path-in-middle-panel required-props-first
-  hide-hostname="true" show-extensions="x-f5-experimental" nativeScrollbars ></redoc>
-</api-container>
+<div class="content__redocly" data-grid="wide">
+    <div id="api-component">
+        <api-container>
+            <redoc spec-url="{{ .Get "spec" | relURL }}" menu-toggle path-in-middle-panel required-props-first
+            hide-hostname="true" show-extensions="x-f5-experimental" nativeScrollbars >
+            </redoc>
+        </api-container>
+    </div>
+</div>