theme: remove HTML validation errors #644

exampleSite/content/shortcodes/siteparam.en.md

@@ -12,7 +12,6 @@ While the examples are using shortcodes with named parameter you are free to use
 {{< tabs groupid="shortcode-parameter">}}
 {{% tab title="shortcode" %}}
 
-
 ````go
 {{%/* siteparam name="editURL" */%}}
 ````

layouts/partials/shortcodes/openapi.html

@@ -15,7 +15,7 @@
   <div
     class="sc-openapi-container"
     id="openapi-{{ $id }}"
-    openapi-url="{{ $src }}"
+    data-openapi-url="{{ $src }}"
   ></div>
 </div>
 {{- .Store.Set "hasOpenapi" true }}

layouts/partials/shortcodes/siteparam.html

@@ -11,7 +11,7 @@
         {{- $params = index . (lower $paramName) }}
     {{- end }}
 {{- end }}
-{{- if $params }}
-  {{- $params | .RenderString }}
+{{- with $params }}
+  {{- . }}
 {{- end }}
 {{- end }}

layouts/partials/shortcodes/tabs.html

@@ -65,10 +65,10 @@
       class="tab-nav-button tab-panel-style cstyle {{ .style }}{{ cond (eq $idx 0) " active" ""}}"{{ if .color }} style="--VARIABLE-BOX-color: {{ .color }};"{{ end }}
       onclick="switchTab('{{ $groupid }}','{{ .itemid }}')"
     >
-      <div>
+      <span>
         <div class="tab-nav-hidden">{{ if .icon }}<i class="{{ .icon }}"></i>{{ end }}{{ if and .icon .title }} {{ end }}{{ .title | $page.RenderString }}{{ if (not .title) }}&#8203;{{ end }}</div>
         <div class="tab-nav-text">{{ if .icon }}<i class="{{ .icon }}"></i>{{ end }}{{ if and .icon .title }} {{ end }}{{ .title | $page.RenderString }}{{ if (not .title) }}&#8203;{{ end }}</div>
-      </div>
+      </span>
     </button>
   {{- end }}
   </div>

static/css/theme.css

@@ -2042,6 +2042,7 @@ html[dir="rtl"] #sidebar ul.collapsible-menu > li > label > i.fa-chevron-right {
 }
 
 #body .tab-nav-button > *{
+    display: block;
     position: relative;
 }
 

static/js/theme.js

@@ -432,7 +432,7 @@ function initOpenapi( update, attrs ){
                             activated: true,
                             theme: swagger_code_theme,
                         },
-                        url: oc.getAttribute('openapi-url'),
+                        url: oc.dataset.openapiUrl,
                         validatorUrl: 'none',
                     });
                 })