@sumaris-net/ngx-components 2.7.3-rc61 → 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 -2
  5. package/src/theme/_ngx-components.globals.scss +5 -7
  6. package/src/theme/_ngx-components.table.scss +6 -5
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-rc61",
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-rc61",
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,8 +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
- --mdc-filled-text-field-input-text-color: #{$app-form-color-computed} !important;
162
- color: var(--mdc-filled-text-field-input-text-color);
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;
163
163
  font-style: italic;
164
164
  }
165
165
 
package/src/theme/_ngx-components.globals.scss CHANGED
@@ -2,9 +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
- $app-form-color-computed: $primary !default;
8
5
 
9
6
  $app-table-header-height: 44px !default;
10
7
  $app-table-cell-horizontal-padding: 8px !default;
@@ -13,14 +10,15 @@ $app-table-row-max-height: 52px !default;
13
10
 
14
11
  $app-paginator-height: 34px !default;
15
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;
16
18
 
17
19
  $app-select-option-border-color: rgba(0, 0, 0, 0.12) !default;
18
20
  $app-table-border-color: rgba(0, 0, 0, 0.08) !default;
19
21
 
20
- // Form's field background
21
- $app-form-field-background-color: rgb(245,245,245) !default;
22
- $app-form-field-disabled-background-color: #fafafa !default;
23
-
24
22
  // Form fields background : transparent
25
23
  //$app-form-field-background-color: transparent !default;
26
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,11 +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
- --mdc-filled-text-field-input-text-color: #{$app-form-color-computed} !important;
213
- color: var(--mdc-filled-text-field-input-text-color);
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;
214
215
  font-style: italic;
215
216
  }
216
217
  }