fixes #942 - Do not show header if hidden when spec not found

Author: mrin9

src/templates/main-body-template.js

@@ -34,25 +34,14 @@ export default function mainBodyTemplate(isMini = false, pathsExpanded = false)
   };
   /* eslint-disable indent */
   if (this.resolvedSpec.specLoadError) {
-    if (isMini) {
-      return html`
-        ${this.theme === 'dark' ? SetTheme.call(this, 'dark', newTheme) : SetTheme.call(this, 'light', newTheme)}
-        <div style='display:flex; align-items:center; border:1px dashed var(--border-color); height:42px; padding:5px; font-size:var(--font-size-small); color:var(--red); font-family:var(--font-mono)'> ${this.resolvedSpec.info.description} </div>
-      `;
-    }
     return html`
       ${this.theme === 'dark' ? SetTheme.call(this, 'dark', newTheme) : SetTheme.call(this, 'light', newTheme)}
-      <!-- Header -->
-      ${headerTemplate.call(this)}
-      <main class='main-content regular-font' part='section-main-content'>
-        <slot></slot>
-        <div style='margin:24px; text-align: center;'>
-          <h1 style='color: var(--red)'> ${this.resolvedSpec.info.title} </h1>
-          <div style='font-family:var(--font-mono)'> ${this.resolvedSpec.info.description} </div>
-        </div>
-      </main>  
+      <div id="spec-not-found" style='display:flex; align-items:center; justify-content: center; border:1px dashed var(--border-color); height:42px; padding:5px; font-size:var(--font-size-small); color:var(--red); font-family:var(--font-mono)'> 
+        ${this.resolvedSpec.info.description} 
+      </div>
     `;
   }
+
   if (this.resolvedSpec.isSpecLoading) {
     return html`
       ${this.theme === 'dark' ? SetTheme.call(this, 'dark', newTheme) : SetTheme.call(this, 'light', newTheme)}