Use ember-set-body-class addon to set CSS classes on <body>

Turbo87 · Turbo87 · commit 9b5259235910 · 2020-10-16T18:23:06.000+02:00
diff --git a/app/helpers/add-html-class.js b/app/helpers/add-html-class.js
diff --git a/app/styles/application.module.css b/app/styles/application.module.css
@@ -29,15 +29,12 @@
     box-sizing: border-box;
 }
 
-html {
-    background-color: var(--header-bg-color);
-}
-
 html, body {
     margin: 0;
 }
 
 body {
+    background-color: var(--header-bg-color);
     font-family: var(--font-family);
     font-size: 16px;
     display: flex;
diff --git a/app/templates/application.hbs b/app/templates/application.hbs
@@ -25,6 +25,5 @@
   </button>
 {{/if}}
 {{#if this.design.useNewDesign}}
-  {{! template-lint-disable no-curly-component-invocation }}
-  {{add-html-class class="new-design"}}
+  {{set-body-class "new-design"}}
 {{/if}}
diff --git a/package.json b/package.json
@@ -92,6 +92,7 @@
     "ember-qunit": "4.6.0",
     "ember-resolver": "8.0.2",
     "ember-router-scroll": "2.0.2",
+    "ember-set-body-class": "^1.0.1",
     "ember-source": "3.22.0",
     "ember-svg-jar": "2.2.3",
     "ember-template-lint": "2.14.0",
diff --git a/yarn.lock b/yarn.lock
@@ -6852,6 +6852,13 @@ ember-router-scroll@2.0.2:
     ember-cli-babel "^7.11.1"
     ember-compatibility-helpers "^1.1.2"
 
+ember-set-body-class@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/ember-set-body-class/-/ember-set-body-class-1.0.1.tgz#94c0126a5fdb1e780e6568f41c443b0c657f5724"
+  integrity sha512-W4y36lozFstvrv1XERCghgQx8s7RuyJbnPhM+9PTrdwwLpSEQYLEdeASHgeCLqb6Bz7AQeIbyf++2b7u5jPfTw==
+  dependencies:
+    ember-cli-babel "^7.22.1"
+
 ember-source-channel-url@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/ember-source-channel-url/-/ember-source-channel-url-2.0.1.tgz#18b88f8a00b7746e7a456b3551abb3aea18729cc"
