ecabs-components 1.1.51 → 1.1.52
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/README.md
CHANGED
|
@@ -111,3 +111,4 @@ To get more help on the Angular CLI use `ng help` or go check out the [Angular C
|
|
|
111
111
|
- **v1.1.49** — Add support for `splitButtonsWidth` in `EcabsDialogConfirmComponent` and update button styling.`.
|
|
112
112
|
- **v1.1.50** — Add `Documentation` for `EcabsTableModule`.
|
|
113
113
|
- **v1.1.51** — Implement option of displaying dynamic content for `EcabsTableComponent` when empty.
|
|
114
|
+
- **v1.1.52** — Update styling overrides for Material nav-style tabs, including active state.
|
package/package.json
CHANGED
|
@@ -139,41 +139,6 @@
|
|
|
139
139
|
height: unset;
|
|
140
140
|
}
|
|
141
141
|
|
|
142
|
-
.ng-dropdown-panel {
|
|
143
|
-
box-shadow: $box-shadow-default;
|
|
144
|
-
border: unset;
|
|
145
|
-
|
|
146
|
-
&.ng-select-bottom {
|
|
147
|
-
margin-top: 0;
|
|
148
|
-
}
|
|
149
|
-
|
|
150
|
-
.ng-dropdown-panel-items {
|
|
151
|
-
.ng-optgroup {
|
|
152
|
-
color: inherit;
|
|
153
|
-
font-weight: inherit;
|
|
154
|
-
}
|
|
155
|
-
|
|
156
|
-
.ng-option.ng-option-child {
|
|
157
|
-
padding-left: 10px;
|
|
158
|
-
}
|
|
159
|
-
|
|
160
|
-
.ng-option,
|
|
161
|
-
.ng-optgroup.ng-option-marked {
|
|
162
|
-
&.ng-option-selected,
|
|
163
|
-
&.ng-option-selected.ng-option-marked,
|
|
164
|
-
&.ng-optgroup.ng-option-marked,
|
|
165
|
-
&.ng-option-marked {
|
|
166
|
-
background-color: var(--color-gray-100);
|
|
167
|
-
color: var(--color-brand-dark);
|
|
168
|
-
|
|
169
|
-
.ng-option-label {
|
|
170
|
-
font-weight: $font-weight-regular;
|
|
171
|
-
}
|
|
172
|
-
}
|
|
173
|
-
}
|
|
174
|
-
}
|
|
175
|
-
}
|
|
176
|
-
|
|
177
142
|
.ng-arrow-wrapper, &.ng-select-opened > .ng-select-container {
|
|
178
143
|
.ng-arrow {
|
|
179
144
|
border-width: 0;
|
|
@@ -191,3 +156,38 @@
|
|
|
191
156
|
height: 0.6rem;
|
|
192
157
|
}
|
|
193
158
|
}
|
|
159
|
+
|
|
160
|
+
.form-field__select.ng-dropdown-panel, .form-field__select.ng-select .ng-dropdown-panel {
|
|
161
|
+
box-shadow: $box-shadow-default;
|
|
162
|
+
border: unset;
|
|
163
|
+
|
|
164
|
+
&.ng-select-bottom {
|
|
165
|
+
margin-top: 0;
|
|
166
|
+
}
|
|
167
|
+
|
|
168
|
+
.ng-dropdown-panel-items {
|
|
169
|
+
.ng-optgroup {
|
|
170
|
+
color: inherit;
|
|
171
|
+
font-weight: inherit;
|
|
172
|
+
}
|
|
173
|
+
|
|
174
|
+
.ng-option.ng-option-child {
|
|
175
|
+
padding-left: 10px;
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
.ng-option,
|
|
179
|
+
.ng-optgroup.ng-option-marked {
|
|
180
|
+
&.ng-option-selected,
|
|
181
|
+
&.ng-option-selected.ng-option-marked,
|
|
182
|
+
&.ng-optgroup.ng-option-marked,
|
|
183
|
+
&.ng-option-marked {
|
|
184
|
+
background-color: var(--color-gray-100);
|
|
185
|
+
color: var(--color-brand-dark);
|
|
186
|
+
|
|
187
|
+
.ng-option-label {
|
|
188
|
+
font-weight: $font-weight-regular;
|
|
189
|
+
}
|
|
190
|
+
}
|
|
191
|
+
}
|
|
192
|
+
}
|
|
193
|
+
}
|
|
@@ -18,3 +18,24 @@
|
|
|
18
18
|
margin-top: 1.2rem;
|
|
19
19
|
}
|
|
20
20
|
}
|
|
21
|
+
|
|
22
|
+
.mat-mdc-tab-nav-panel {
|
|
23
|
+
display: block;
|
|
24
|
+
margin-top: calc-rem(40px);
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.mat-mdc-tab-nav-bar {
|
|
28
|
+
.mat-mdc-tab-link-container::after {
|
|
29
|
+
@extend %pseudos;
|
|
30
|
+
|
|
31
|
+
width: 100%;
|
|
32
|
+
height: 1px;
|
|
33
|
+
background: var(--color-gray-300);
|
|
34
|
+
bottom: 0;
|
|
35
|
+
z-index: -1;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.mat-mdc-tab-link.mdc-tab--active .mdc-tab__text-label {
|
|
39
|
+
font-weight: $font-weight-medium;
|
|
40
|
+
}
|
|
41
|
+
}
|