@sumaris-net/ngx-components 2.7.3-rc60 → 2.7.3-rc62

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.
Files changed (6) hide show
  1. package/package.json +1 -1
  2. package/src/assets/manifest.json +1 -1
  3. package/src/theme/_mixins.scss +3 -2
  4. package/src/theme/_ngx-components.forms.scss +2 -1
  5. package/src/theme/_ngx-components.globals.scss +5 -6
  6. package/src/theme/_ngx-components.table.scss +6 -4
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@sumaris-net/ngx-components",
3
3
  "description": "SUMARiS Angular components",
4
- "version": "2.7.3-rc60",
4
+ "version": "2.7.3-rc62",
5
5
  "author": "contact@e-is.pro",
6
6
  "license": "AGPL-3.0",
7
7
  "readmeFilename": "README.md",
package/src/assets/manifest.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "ngx-sumaris-components",
3
3
  "short_name": "ngx-sumaris-components",
4
4
  "manifest_version": 1,
5
- "version": "2.7.3-rc60",
5
+ "version": "2.7.3-rc62",
6
6
  "default_locale": "fr",
7
7
  "description": "Angular components for building beautiful and responsive Apps",
8
8
  "icons": [{
package/src/theme/_mixins.scss CHANGED
@@ -109,10 +109,11 @@
109
109
  --mat-tab-bar-height: #{$mat-tab-bar-height};
110
110
 
111
111
  --app-table-header-height: #{$app-table-header-height};
112
- --app-toolbar-height: #{$app-toolbar-height};
113
112
  --app-paginator-height: #{$app-paginator-height};
114
- --app-form-buttons-bar-height: #{$app-form-buttons-bar-height};
113
+ --app-toolbar-height: #{$app-toolbar-height};
115
114
  --app-footer-height: var(--app-form-buttons-bar-height);
115
+ --app-form-buttons-bar-height: #{$app-form-buttons-bar-height};
116
+ --app-form-color-computed: #{$app-form-color-computed};
116
117
  --app-form-field-background-color: #{$app-form-field-background-color};
117
118
  --app-form-field-disabled-background-color: #{$app-form-field-disabled-background-color};
118
119
  }
package/src/theme/_ngx-components.forms.scss CHANGED
@@ -158,7 +158,8 @@ form.form-container {
158
158
  .computed .mat-mdc-form-field .mat-mdc-input-element:disabled,
159
159
  .mat-mdc-form-field .computed .mat-mdc-input-element:disabled,
160
160
  .mat-mdc-form-field.computed .mat-mdc-input-element:disabled {
161
- color: var(--ion-color-primary-tint) !important;
161
+ --mdc-filled-text-field-input-text-color: var(--app-form-color-computed, #{$app-form-color-computed}) !important;
162
+ color: var(--app-form-color-computed, #{$app-form-color-computed}) !important;
162
163
  font-style: italic;
163
164
  }
164
165
 
package/src/theme/_ngx-components.globals.scss CHANGED
@@ -2,8 +2,6 @@ $app-menu-width: 300px !default;
2
2
 
3
3
  $app-toolbar-height: 60px !default; // = $mat-toolbar-height-mobile + 4 (progress bar);
4
4
 
5
- $app-form-color: rgba(0, 0, 0, 0.87) !default;
6
- $app-form-color-disabled: rgba(0, 0, 0, 0.55) !default;
7
5
 
8
6
  $app-table-header-height: 44px !default;
9
7
  $app-table-cell-horizontal-padding: 8px !default;
@@ -12,14 +10,15 @@ $app-table-row-max-height: 52px !default;
12
10
 
13
11
  $app-paginator-height: 34px !default;
14
12
  $app-form-buttons-bar-height: 56px !default;
13
+ $app-form-color: rgba(0, 0, 0, 0.87) !default;
14
+ $app-form-color-disabled: rgba(0, 0, 0, 0.55) !default;
15
+ $app-form-color-computed: var(--ion-color-primary-tint) !default;
16
+ $app-form-field-background-color: rgb(245,245,245) !default; // Form's field background
17
+ $app-form-field-disabled-background-color: #fafafa !default;
15
18
 
16
19
  $app-select-option-border-color: rgba(0, 0, 0, 0.12) !default;
17
20
  $app-table-border-color: rgba(0, 0, 0, 0.08) !default;
18
21
 
19
- // Form's field background
20
- $app-form-field-background-color: rgb(245,245,245) !default;
21
- $app-form-field-disabled-background-color: #fafafa !default;
22
-
23
22
  // Form fields background : transparent
24
23
  //$app-form-field-background-color: transparent !default;
25
24
  //$app-form-field-disabled-background-color: transparent !default;
package/src/theme/_ngx-components.table.scss CHANGED
@@ -31,6 +31,7 @@
31
31
  --mat-select-enabled-trigger-text-color: var(--mat-table-row-item-label-text-color);
32
32
  --mat-select-disabled-trigger-text-color: var(--mat-table-row-item-label-text-color);
33
33
 
34
+
34
35
  .mat-mdc-header-cell {
35
36
  color: var(--ion-color-primary);
36
37
 
@@ -206,10 +207,11 @@
206
207
  .mat-mdc-cell-computed,
207
208
  .mat-cell-computed,
208
209
  .mat-mdc-cell ion-text.computed,
209
- .mat-mdc-cell.calculated mat-form-field,
210
- .mat-mdc-cell-calculated,
211
- .mat-cell-calculated {
212
- color: var(--ion-color-primary-tint);
210
+ .mat-mdc-cell ion-label.computed,{
211
+ --color: var(--app-form-color-computed, #{$app-form-color-computed}) !important;
212
+ --mdc-filled-text-field-input-text-color: var(--app-form-color-computed, #{$app-form-color-computed}) !important;
213
+
214
+ color: var(--color) !important;
213
215
  font-style: italic;
214
216
  }
215
217
  }