@dangl/angular-material-shared 2.3.1 → 2.3.2-beta0003
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +13 -4
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -22,11 +22,11 @@ This package defines a common theme to be used in all Dangl**IT** apps.
|
|
|
22
22
|
|
|
23
23
|
Add this import to your global `styles.scss` file:
|
|
24
24
|
|
|
25
|
-
@import '
|
|
25
|
+
@import '@dangl/angular-material-shared/styles/material-style.scss';
|
|
26
26
|
|
|
27
27
|
To access color variables, you can add this import to any file:
|
|
28
28
|
|
|
29
|
-
@import '
|
|
29
|
+
@import '@dangl/angular-material-shared/styles/material-variables.scss';
|
|
30
30
|
// Provides the following colors:
|
|
31
31
|
$color-primary: mat-color($dangl-app-primary);
|
|
32
32
|
$color-accent: mat-color($dangl-app-accent);
|
|
@@ -34,6 +34,16 @@ To access color variables, you can add this import to any file:
|
|
|
34
34
|
$color-dark: #3b4c55;
|
|
35
35
|
$color-light: #bdbdbd;
|
|
36
36
|
|
|
37
|
+
### Errors During SCSS Import
|
|
38
|
+
|
|
39
|
+
Since Angular 13, importing styles via the SASS-Loaded from `node_modules` has been disabled, so you need to update the `angular.json` file with the following snippet at the `projects:PROJECT_NAME:architect:build:options` path:
|
|
40
|
+
|
|
41
|
+
```json
|
|
42
|
+
"stylePreprocessorOptions": {
|
|
43
|
+
"includePaths": ["./node_modules"]
|
|
44
|
+
}
|
|
45
|
+
```
|
|
46
|
+
|
|
37
47
|
### Header
|
|
38
48
|
|
|
39
49
|
The `dangl-header` component can display a common header in all Dangl**IT** apps. It additionally supports to display an information if it is in a preview environment. The header supports right-aligned content via a projected `ng-content`.
|
|
@@ -100,8 +110,7 @@ By default, the TinyMCE editors language is English. You can include other langu
|
|
|
100
110
|
|
|
101
111
|
1. Supply the url to the language file and the language code to the component:
|
|
102
112
|
|
|
103
|
-
|
|
104
|
-
<dangl-tiny-mce tinyMceLanguageCode="de"></dangl-tiny-mce>
|
|
113
|
+
<dangl-tiny-mce tinyMceLanguageCode="de"></dangl-tiny-mce>
|
|
105
114
|
|
|
106
115
|
Available languages can be found here: https://www.tiny.cloud/get-tiny/language-packages/
|
|
107
116
|
|