refactor: add material-icons for offline use
MODIFY
angular.json
angular.json
"src/assets/themes/default.scss",
"node_modules/swagger-ui/dist/swagger-ui.css",
"node_modules/simplebar/dist/simplebar.css",
- "node_modules/prismjs/themes/prism.css"
+ "node_modules/prismjs/themes/prism.css",
+ "node_modules/material-icons/iconfont/material-icons.css"
],
"scripts": [
"node_modules/marked/lib/marked.js",

MODIFY
package-lock.json
package-lock.json
"resolved": "https://registry.npmjs.org/marked/-/marked-2.1.3.tgz",
"integrity": "sha512-/Q+7MGzaETqifOMWYEA7HVMaZb4XbcRfaOzcSsHZEith83KGlvaSG33u0SKu89Mj5h+T8V2hM+8O45Qc5XTgwA=="
},
+ "material-icons": {
+ "version": "1.10.0",
+ "resolved": "https://registry.npmjs.org/material-icons/-/material-icons-1.10.0.tgz",
+ "integrity": "sha512-eq5JxFbuUbYSk121JwABRZh03tHfbI9MO+TtAWlzW+IP+u10yHMnz5/fz9YtkgL+eR6j6hL7NAthXZulPwzySA=="
+ },
"mdn-data": {
"version": "2.0.14",
"resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.14.tgz",

MODIFY
package.json
package.json
"@swimlane/ngx-charts": "^19.0.1",
"keycloak-angular": "^8.4.0",
"keycloak-js": "^15.0.2",
+ "material-icons": "^1.10.0",
"ngx-markdown": "^12.0.1",
"prismjs": "^1.25.0",
"rxjs": "~6.6.0",

MODIFY
src/index.html
src/index.html
href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap"
rel="stylesheet"
/>
- <link
- href="https://fonts.googleapis.com/icon?family=Material+Icons"
- rel="stylesheet"
- />
<link
rel="stylesheet"
type="text/css"

MODIFY
src/styles.scss
src/styles.scss
@use '~@angular/material' as mat;
@import '~@angular/material/theming';
-@import url("https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined");
@import 'assets/themes/default';
@import 'assets/themes/custom';
@include mat-core();

refactor: add material-icons for offline use