Merge branch 'main' into demo

Author: ADubhlaoich

.cloudcannon/initial-site-settings.json

@@ -0,0 +1,23 @@
+{
+   "ssg": "hugo",
+   "mode": "hosted",
+   "build": {
+     "install_command": "[ -f package.json ] && npm i",
+     "build_command": "hugo --destination public --baseURL / --noTimes",
+     "output_path": "public",
+     "environment_variables": [
+       {
+         "key": "HUGO_CACHEDIR",
+         "value": "/usr/local/__site/src/.hugo_cache/"
+       }
+     ],
+     "preserved_paths": "node_modules/,.hugo_cache/,resources/",
+     "preserve_output": false,
+     "include_git": true,
+     "manually_configure_urls": false,
+     "hugo_version": "0.134.3",
+     "ruby_version": "2.7.3",
+     "node_version": "18",
+     "deno_version": "1.40.2"
+   }
+}

layouts/redoc/single.html

@@ -4,6 +4,7 @@
   .nginx-docs-api-container {
     z-index: 0 !important;
     max-width: calc(100% + 2.4rem);
+    margin-top: 2rem;
   }
 
   @media (min-width: 768px) {
@@ -83,6 +84,13 @@
     >
       {{ partial "sidebar.html" . }}
     </nav>
+    <section class="breadcrumb-layout" data-mf="true" style="display: none;">
+      {{ if not .IsHome }}
+        {{ if not (in .Params.display_breadcrumb "false" ) }}
+        {{ partial "breadcrumb" .}}  
+        {{ end }}
+      {{ end }}
+    </section>
     <div class="nginx-docs-api-container">
       <div id="api-component">{{ .Content}}</div>
     </div>

static/nginxaas-azure/css/cost-calculator_v2.css

@@ -28,8 +28,7 @@
 }
 
 #calculator .section {
-    margin: 0 auto 24px auto;
-    max-width: 900px;
+    margin: 1rem auto 1rem auto;
 }
 
 #calculator #totals-section {
@@ -81,7 +80,6 @@
 
 #calculator .details-section {
     padding: 10px;
-    background-color: rgba(217, 217, 217, 0.1);
     margin-right: 10px;
     flex: 1;
 }
@@ -204,8 +202,8 @@
 
 @media print {
     body { 
-        visibility: hidden;
-        height: 0;
+        visibility: hidden !important;
+        height: 0 !important;
      }
 
     footer {
@@ -219,7 +217,12 @@
 
         margin: 0 auto;
 
-        width: 100%;
+        width: fit-content;
+        left: 0;
+    }
+
+    #calculator .section {
+        margin: 0;
     }
 
     #calculator h3#calculator-section-heading {