fix(angular): move styles import to angular.json (#532)

* fix(angular): move styles import to angular.json * test(angular): update template snapshots
algolia · Oct 21, 2021 · d2f73b8 · d2f73b8
1 parent 5cd6142
commit d2f73b8
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 4 deletions.
diff --git a/e2e/__snapshots__/templates.test.js.snap b/e2e/__snapshots__/templates.test.js.snap
@@ -101,6 +101,7 @@ exports[`Templates Angular InstantSearch File content: angular.json 1`] = `
               \\"src/assets\\"
             ],
             \\"styles\\": [
+              \\"node_modules/instantsearch.css/themes/satellite.css\\",
               \\"src/styles.css\\"
             ],
             \\"scripts\\": []
@@ -168,6 +169,7 @@ exports[`Templates Angular InstantSearch File content: angular.json 1`] = `
               \\"src/assets\\"
             ],
             \\"styles\\": [
+              \\"node_modules/instantsearch.css/themes/satellite.css\\",
               \\"src/styles.css\\"
             ],
             \\"scripts\\": []
@@ -536,8 +538,16 @@ import 'zone.js';  // Included with Angular CLI.
 
 exports[`Templates Angular InstantSearch File content: src/styles.css 1`] = `
 "/* You can add global styles to this file, and also import other style files */
-@import \\"instantsearch.css/themes/reset.css\\";
-@import \\"instantsearch.css/themes/satellite.css\\";"
+body,
+h1 {
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica,
+    Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
+}"
 `;
 
 exports[`Templates Angular InstantSearch File content: src/test.ts 1`] = `

diff --git a/src/templates/Angular InstantSearch/angular.json b/src/templates/Angular InstantSearch/angular.json
@@ -27,6 +27,7 @@
               "src/assets"
             ],
             "styles": [
+              "node_modules/instantsearch.css/themes/satellite.css",
               "src/styles.css"
             ],
             "scripts": []
@@ -94,6 +95,7 @@
               "src/assets"
             ],
             "styles": [
+              "node_modules/instantsearch.css/themes/satellite.css",
               "src/styles.css"
             ],
             "scripts": []

diff --git a/src/templates/Angular InstantSearch/src/styles.css b/src/templates/Angular InstantSearch/src/styles.css
@@ -1,3 +1,11 @@
 /* You can add global styles to this file, and also import other style files */
-@import "instantsearch.css/themes/reset.css";
-@import "instantsearch.css/themes/satellite.css";
+body,
+h1 {
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica,
+    Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
+}