@elderbyte/ngx-starter 19.1.5 → 19.1.7
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/fesm2022/elderbyte-ngx-starter.mjs +1033 -1033
- package/fesm2022/elderbyte-ngx-starter.mjs.map +1 -1
- package/package.json +1 -1
- package/theming/abstracts/_elder-design-tokens.scss +1 -0
- package/theming/base/_elder-fixes-base.scss +11 -4
- package/theming/base/_elder-form-base.scss +7 -0
- package/theming/components/_elder-chip-theme.scss +6 -0
- package/theming/components/_elder-toolbar-theme.scss +7 -0
- package/theming/utilities/_elder-color-utils.scss +1 -1
package/package.json
CHANGED
|
@@ -26,6 +26,7 @@
|
|
|
26
26
|
--mdc-dialog-container-color: var(--md-sys-color-surface-container-lowest);
|
|
27
27
|
--mat-tab-header-divider-height: 0; // remove tab header divider
|
|
28
28
|
--mat-menu-container-color: var(--md-sys-color-surface-container-lowest);
|
|
29
|
+
--mat-tree-container-background-color: transparent;
|
|
29
30
|
|
|
30
31
|
// import fix for overflow of mat-icons, default is 40px in m3, in m2 it was 48px
|
|
31
32
|
--mdc-icon-button-state-layer-size: 48px;
|
|
@@ -114,11 +114,18 @@
|
|
|
114
114
|
}
|
|
115
115
|
|
|
116
116
|
.elder-card-title {
|
|
117
|
+
margin-top: 0 !important;
|
|
117
118
|
padding-bottom: 0 !important;
|
|
118
119
|
margin-bottom: 6px !important;
|
|
119
120
|
//font-weight: 500;
|
|
120
121
|
}
|
|
121
122
|
|
|
123
|
+
.elder-card-subtitle {
|
|
124
|
+
margin-top: 0 !important;
|
|
125
|
+
padding-bottom: 0px !important;
|
|
126
|
+
margin-bottom: 6px !important;
|
|
127
|
+
}
|
|
128
|
+
|
|
122
129
|
/**************************************************************************
|
|
123
130
|
Elder panel legacy class
|
|
124
131
|
**************************************************************************/
|
|
@@ -183,10 +190,10 @@
|
|
|
183
190
|
|
|
184
191
|
// Button colors
|
|
185
192
|
.mat-accent.mat-mdc-button-base {
|
|
186
|
-
--md-sys-color-tertiary: var(--md-sys-color-secondary);
|
|
187
|
-
--md-sys-color-on-tertiary: var(--md-sys-color-on-secondary);
|
|
188
|
-
--md-sys-color-tertiary-container: var(--md-sys-color-secondary-container);
|
|
189
|
-
--md-sys-color-on-tertiary-container: var(--md-sys-color-on-secondary-container);
|
|
193
|
+
// --md-sys-color-tertiary: var(--md-sys-color-secondary);
|
|
194
|
+
// --md-sys-color-on-tertiary: var(--md-sys-color-on-secondary);
|
|
195
|
+
// --md-sys-color-tertiary-container: var(--md-sys-color-secondary-container);
|
|
196
|
+
// --md-sys-color-on-tertiary-container: var(--md-sys-color-on-secondary-container);
|
|
190
197
|
}
|
|
191
198
|
|
|
192
199
|
// slide toggle colors fix
|
|
@@ -354,6 +354,13 @@
|
|
|
354
354
|
--mdc-outlined-text-field-caret-color: var(--md-sys-color-inverse-on-surface) !important;
|
|
355
355
|
}
|
|
356
356
|
}
|
|
357
|
+
|
|
358
|
+
/***************************************************************************
|
|
359
|
+
Fixes mysterious rare formfield bug where beginning of placeholder text is partially cut off
|
|
360
|
+
**************************************************************************/
|
|
361
|
+
.mat-mdc-form-field-has-icon-prefix .mat-mdc-text-field-wrapper {
|
|
362
|
+
--mat-mdc-form-field-label-offset-x: -14px;
|
|
363
|
+
}
|
|
357
364
|
}
|
|
358
365
|
|
|
359
366
|
@function calc-side-paddings($density) {
|
|
@@ -188,14 +188,17 @@
|
|
|
188
188
|
$col: map.get(config.$palettes, primary, 30);
|
|
189
189
|
@include standard-chip-content-color-variant($col);
|
|
190
190
|
}
|
|
191
|
+
&.color-primary,
|
|
191
192
|
&[color='primary'] {
|
|
192
193
|
$col: map.get(config.$palettes, primary, 30);
|
|
193
194
|
@include standard-chip-content-color-variant($col);
|
|
194
195
|
}
|
|
196
|
+
&.color-accent,
|
|
195
197
|
&[color='accent'] {
|
|
196
198
|
$col: map.get(config.$palettes, tertiary, 40);
|
|
197
199
|
@include standard-chip-content-color-variant($col);
|
|
198
200
|
}
|
|
201
|
+
&.color-warn,
|
|
199
202
|
&[color='warn'] {
|
|
200
203
|
$col: map.get(config.$palettes, error, 40);
|
|
201
204
|
@include standard-chip-content-color-variant($col);
|
|
@@ -207,14 +210,17 @@
|
|
|
207
210
|
// $col: map.get(config.$palettes, primary, 30);
|
|
208
211
|
// @include standard-chip-content-color-variant($col);
|
|
209
212
|
// }
|
|
213
|
+
&.color-primary,
|
|
210
214
|
&[color='primary'] {
|
|
211
215
|
$col: map.get(config.$palettes, primary, 50);
|
|
212
216
|
@include standard-chip-content-color-variant($col);
|
|
213
217
|
}
|
|
218
|
+
&.color-accent,
|
|
214
219
|
&[color='accent'] {
|
|
215
220
|
$col: map.get(config.$palettes, tertiary, 50);
|
|
216
221
|
@include standard-chip-content-color-variant($col);
|
|
217
222
|
}
|
|
223
|
+
&.color-warn,
|
|
218
224
|
&[color='warn'] {
|
|
219
225
|
$col: map.get(config.$palettes, error, 50);
|
|
220
226
|
@include standard-chip-content-color-variant($col);
|