@sumaris-net/ngx-components 2.7.0-rc2 → 2.7.0-rc3

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 (3) hide show
  1. package/package.json +1 -1
  2. package/src/theme/_ngx-components.scss +6 -11
  3. package/src/theme/_ngx-components.table.scss +3 -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.0-rc2",
4
+ "version": "2.7.0-rc3",
5
5
  "author": "contact@e-is.pro",
6
6
  "license": "AGPL-3.0",
7
7
  "readmeFilename": "README.md",
package/src/theme/_ngx-components.scss CHANGED
@@ -111,7 +111,7 @@ html {
111
111
  // Main Menu
112
112
  // --------------------------------------------------
113
113
  .split-pane-md.split-pane-visible > .split-pane-side {
114
- max-width: $app-menu-width !important;
114
+ max-width: #{$app-menu-width} !important;
115
115
  }
116
116
 
117
117
  ion-menu.menu-side-left {
@@ -131,13 +131,15 @@ ion-menu.menu-side-left {
131
131
  // --------------------------------------------------
132
132
  .form-container,
133
133
  form.form-container {
134
- color: $app-form-color;
135
- --mdc-filled-text-field-container-color: $app-form-field-background-color;
134
+ color: #{$app-form-color};
135
+ --mdc-filled-text-field-container-color: #{$app-form-field-background-color};
136
+ --mat-form-field-state-layer-color: #{$app-form-field-focus-background-color};
137
+
136
138
  @include font-size(16px);
137
139
 
138
140
  .mat-form-field-disabled,
139
141
  .mat-mdc-input-element:disabled {
140
- color: $app-form-color-disabled !important;
142
+ color: #{$app-form-color-disabled} !important;
141
143
  }
142
144
 
143
145
  .mat-form-field-disabled {
@@ -160,13 +162,6 @@ form.form-container {
160
162
  }
161
163
  }
162
164
 
163
- //.mdc-text-field {
164
- // background-color: $app-form-field-background-color;
165
- //}
166
- //.mat-mdc-form-field-focus-overlay {
167
- // background-color: $app-form-field-focus-background-color;
168
- //}
169
-
170
165
  ion-icon[matPrefix],
171
166
  mat-icon[matPrefix],
172
167
  .mat-mdc-form-field-icon-prefix {
package/src/theme/_ngx-components.table.scss CHANGED
@@ -24,6 +24,9 @@
24
24
  --mdc-typography-body1-letter-spacing: 0.0178571429em;
25
25
  --mat-table-row-item-label-text-size: 14px;
26
26
 
27
+ --mdc-filled-text-field-container-color: #{$app-form-field-background-color};
28
+ --mat-form-field-state-layer-color: #{$app-form-field-focus-background-color};
29
+
27
30
  .mat-mdc-header-cell {
28
31
  color: var(--ion-color-primary);
29
32
 
@@ -293,11 +296,7 @@
293
296
 
294
297
  .mdc-text-field {
295
298
  padding-inline: 0;
296
- //background-color: $app-form-field-background-color;
297
299
  }
298
- //.mat-mdc-form-field-focus-overlay {
299
- // background-color: $app-form-field-focus-background-color;
300
- //}
301
300
 
302
301
  // Prefix
303
302
  .mat-mdc-form-field-icon-prefix {