UX: do not show site header on wizard pages (#18037)

app/assets/javascripts/discourse/app/controllers/application.js

@@ -81,6 +81,11 @@ export default Controller.extend({
     return enableSidebar;
   },
 
+  @discourseComputed("router.currentRouteName")
+  showSiteHeader(currentRouteName) {
+    return !currentRouteName.startsWith("wizard");
+  },
+
   @action
   toggleSidebar() {
     // enables CSS transitions, but not on did-insert

app/assets/javascripts/discourse/app/templates/application.hbs

@@ -3,6 +3,7 @@
   <DDocument />
   <PluginOutlet @name="above-site-header" @connectorTagName="div" />
 
+  {{#if this.showSiteHeader}}
     <SiteHeader
       @canSignUp={{this.canSignUp}}
       @showCreateAccount={{route-action "showCreateAccount"}}
@@ -13,6 +14,7 @@
       @logout={{route-action "logout"}}
       @sidebarEnabled={{this.sidebarEnabled}}
       @toggleSidebar={{action "toggleSidebar"}} />
+  {{/if}}
 
   <SoftwareUpdatePrompt />
 

app/assets/javascripts/discourse/tests/acceptance/sidebar-test.js

@@ -101,13 +101,6 @@ acceptance(
         exists(".sidebar-container"),
         "does not display the sidebar on wizard route"
       );
-
-      await click(".hamburger-dropdown");
-
-      assert.ok(
-        exists(".sidebar-hamburger-dropdown"),
-        "navigation around the site can still be done via the sidebar hamburger"
-      );
     });
 
     test("showing and hiding sidebar", async function (assert) {

app/assets/javascripts/discourse/tests/acceptance/wizard-test.js

@@ -14,6 +14,10 @@ acceptance("Wizard", function (needs) {
   test("Wizard starts", async function (assert) {
     await visit("/wizard");
     assert.ok(exists(".wizard-container"));
+    assert.notOk(
+      exists(".d-header-wrap"),
+      "header is not rendered on wizard pages"
+    );
     assert.strictEqual(currentRouteName(), "wizard.step");
   });