@sumaris-net/ngx-components 2.7.3-rc61 → 2.7.3-rc63

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 +8 -4
  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-rc63",
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-rc63",
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
@@ -103,16 +103,20 @@
103
103
  --expansion-panel-padding: var(--ion-padding);
104
104
  --expansion-panel-header-padding: var(--ion-padding);
105
105
 
106
- --mat-toolbar-height: #{$mat-toolbar-height-desktop};
107
- --mat-paginator-height: mat.$paginator-height;
108
106
  --mat-tab-link-height: #{$mat-tab-link-height};
109
107
  --mat-tab-bar-height: #{$mat-tab-bar-height};
110
108
 
109
+ --mat-toolbar-height: #{$mat-toolbar-height-desktop};
110
+ --mat-toolbar-background-color: #{$mat-toolbar-background-color};
111
+ --mat-paginator-height: mat.$paginator-height;
112
+
111
113
  --app-table-header-height: #{$app-table-header-height};
112
- --app-toolbar-height: #{$app-toolbar-height};
113
114
  --app-paginator-height: #{$app-paginator-height};
114
- --app-form-buttons-bar-height: #{$app-form-buttons-bar-height};
115
+ --app-toolbar-height: #{$app-toolbar-height};
115
116
  --app-footer-height: var(--app-form-buttons-bar-height);
117
+ --app-form-buttons-bar-height: #{$app-form-buttons-bar-height};
118
+ --app-form-color-disabled: #{$app-form-color-disabled};
119
+ --app-form-color-computed: #{$app-form-color-computed};
116
120
  --app-form-field-background-color: #{$app-form-field-background-color};
117
121
  --app-form-field-disabled-background-color: #{$app-form-field-disabled-background-color};
118
122
  }
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
  }