qms-angular 2.0.1 → 2.0.3

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 (44) hide show
  1. package/esm2022/lib/components/banner/qms-banner-confirm/qms-banner-confirm.component.mjs +3 -3
  2. package/esm2022/lib/components/dialog/dialog.mjs +3 -3
  3. package/esm2022/lib/components/qms-paginator/qms-paginator.component.mjs +2 -2
  4. package/esm2022/lib/components/related/popup/related-popup.component.mjs +3 -3
  5. package/esm2022/lib/components/related/risk/analysis/analysis.component.mjs +2 -2
  6. package/esm2022/lib/components/select-access-dialog/select-access-dialog.component.mjs +3 -3
  7. package/esm2022/lib/components/select-department/select-department.component.mjs +3 -3
  8. package/esm2022/lib/components/select-department-tree/select-department-tree.component.mjs +5 -5
  9. package/esm2022/lib/components/select-one/select-one.component.mjs +10 -12
  10. package/esm2022/lib/components/select-process-data/select-process-data.component.mjs +3 -3
  11. package/esm2022/lib/components/select-process-data-tree/select-process-data-tree.component.mjs +3 -3
  12. package/esm2022/lib/qms-ckeditor-components/common/module/confirm/qms-ckeditor-confirm.component.mjs +2 -2
  13. package/esm2022/lib/qms-ckeditor-components/components/qms-ckeditor-about/qms-ckeditor-about.component.mjs +2 -2
  14. package/esm2022/lib/qms-ckeditor-components/components/qms-ckeditor-imagemap/qms-ckeditor-imagemap.component.mjs +2 -2
  15. package/esm2022/lib/qms-ckeditor-components/components/qms-ckeditor-link/attachments/link-attachment.component.mjs +2 -2
  16. package/esm2022/lib/qms-ckeditor-components/components/qms-ckeditor-link/qms-ckeditor-link.component.mjs +2 -2
  17. package/esm2022/lib/qms-ckeditor-components/components/qms-ckeditor-link-simple/qms-ckeditor-link-simple.component.mjs +2 -2
  18. package/esm2022/lib/qms-ckeditor-components/components/qms-ckeditor-load-template/qms-ckeditor-load-template.component.mjs +2 -2
  19. package/esm2022/lib/qms-ckeditor-components/components/qms-ckeditor-relation/qmsckeditor-related.component.mjs +2 -2
  20. package/esm2022/lib/qms-ckeditor-components/components/qms-ckeditor-template/qms-ckeditor-template.component.mjs +2 -2
  21. package/esm2022/lib/qms-ckeditor-components/components/qms-ckeditor-tooltip/qms-ckeditor-tooltip.component.mjs +2 -2
  22. package/esm2022/lib/qms-ckeditor-components/qms-ckeditor.component.mjs +2 -2
  23. package/fesm2022/qms-angular.mjs +46 -46
  24. package/fesm2022/qms-angular.mjs.map +1 -1
  25. package/package.json +1 -1
  26. package/src/assets/qms-ckeditor-plugin/build/ckeditor.js +1 -1
  27. package/src/lib/components/banner/qms-banner-confirm/qms-banner-confirm.component.scss +44 -44
  28. package/src/lib/components/qms-paginator/qms-paginator.component.scss +14 -13
  29. package/src/lib/components/related/risk/analysis/analysis.component.scss +0 -3
  30. package/src/lib/components/select-access-dialog/select-access-dialog.component.scss +8 -2
  31. package/src/lib/components/select-department/select-department.component.scss +3 -3
  32. package/src/lib/components/select-department-tree/select-department-tree.component.scss +1 -1
  33. package/src/lib/components/select-dialog/select-dialog.scss +1 -1
  34. package/src/lib/components/select-process-data/select-process-data.component.scss +1 -1
  35. package/src/lib/components/select-process-data-tree/select-process-data-tree.component.scss +1 -1
  36. package/src/lib/components/select-process-document/select-process-document.component.scss +5 -6
  37. package/src/lib/qms-ckeditor-components/styles/_modules.scss +149 -146
  38. package/src/themes/core/_checkbox.scss +5 -1
  39. package/src/themes/core/_dialog.scss +42 -53
  40. package/src/themes/core/_form.scss +40 -35
  41. package/src/themes/core/_radio.scss +5 -1
  42. package/src/themes/core/_range-slider.scss +223 -201
  43. package/src/themes/core/_slide-toggle.scss +48 -6
  44. package/src/themes/core/_tab.scss +516 -512
package/src/themes/core/_tab.scss CHANGED
@@ -1,555 +1,559 @@
1
1
  @import "../theme/variable";
2
2
  @import "../theme/mixins";
3
3
 
4
- .mat-mdc-tab-group{
5
- &.qms-tab-group{
6
- .qms-tab-label{
7
- display: flex;
8
- flex-direction: column;
9
- align-items: center;
10
- color: theme-apply($tab-dark-background);
11
- font-family: Open Sans, Arial, Sans-Serif;
12
- }
13
-
14
- .qms-tab-label:hover{
15
- font-weight: 600;
16
- }
17
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
18
- .mat-tab-label-active{
19
- .qms-tab-label{
20
- color: theme-apply($active);
21
- font-weight: 600;
22
- }
23
- }
24
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
25
- .mat-tab-disabled{
26
- .qms-tab-label{
27
- color: black(0.24);
28
- }
29
- }
30
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
31
- .mat-ripple.mat-tab-label.mat-tab-disabled:hover{
32
- background: white;
33
- }
34
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
35
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
36
- .mat-tab-label{
37
- opacity: 1;
38
- height: auto;
39
- min-height: 48px;
40
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
41
- &:hover,
42
- &:focus-visible,
43
- &.cdk-keyboard-focused:not(.mat-tab-disabled),
44
- &.cdk-program-focused:not(.mat-tab-disabled),
45
- .mat-ripple-element{
46
- background: theme-apply($tab-disable-background);
47
- }
48
- }
49
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
50
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
51
- .mat-tab-header-pagination.mat-tab-header-pagination-disabled{
52
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
53
- .mat-tab-header-pagination-chevron{
54
- border-color: black(0.38);
55
- }
4
+ .mat-mdc-tab-group {
5
+ &.qms-tab-group {
6
+ .qms-tab-label {
7
+ display: flex;
8
+ flex-direction: column;
9
+ align-items: center;
10
+ color: theme-apply($tab-dark-background);
11
+ font-family: Open Sans, Arial, Sans-Serif;
12
+ }
56
13
 
57
- }
58
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
59
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
60
- .mat-tab-header-pagination{
61
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
62
- .mat-tab-header-pagination-chevron{
63
- border-color: theme-apply($tab-border);
64
- }
65
- }
14
+ .qms-tab-label:hover {
15
+ font-weight: 600;
16
+ }
17
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
18
+ .mdc-tab--active {
19
+ .qms-tab-label {
20
+ color: theme-apply($active);
21
+ font-weight: 600;
22
+ }
23
+ }
24
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
25
+ .mat-tab-disabled {
26
+ .qms-tab-label {
27
+ color: black(0.24);
28
+ }
29
+ }
30
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
31
+ .mat-ripple.mat-tab-label.mat-tab-disabled:hover {
32
+ background: white;
33
+ }
34
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
35
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
36
+ .mat-tab-label {
37
+ opacity: 1;
38
+ height: auto;
39
+ min-height: 48px;
40
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
41
+ &:hover,
42
+ &:focus-visible,
43
+ &.cdk-keyboard-focused:not(.mat-tab-disabled),
44
+ &.cdk-program-focused:not(.mat-tab-disabled),
45
+ .mat-ripple-element {
46
+ background: theme-apply($tab-disable-background);
47
+ }
48
+ }
49
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
50
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
51
+ .mat-tab-header-pagination.mat-tab-header-pagination-disabled {
52
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
53
+ .mat-tab-header-pagination-chevron {
54
+ border-color: black(0.38);
55
+ }
56
+ }
57
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
58
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
59
+ .mat-tab-header-pagination {
60
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
61
+ .mat-tab-header-pagination-chevron {
62
+ border-color: theme-apply($tab-border);
63
+ }
66
64
  }
67
65
 
68
- &.qms-tab-group-advanced{
69
- .qms-tab-label{
70
- display: flex;
71
- flex-direction: column;
72
- align-items: center;
73
- color: theme-apply($popup-title-color);
74
- font-family: Open Sans, Arial, Sans-Serif;
75
- font-weight: 400;
76
- .mat-icon{
77
- color: black(0.6);
78
- }
79
- }
80
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
81
- .mat-tab-label-active{
82
- .qms-tab-label{
83
- color: theme-apply($active);
84
- font-weight: 600;
85
- .mat-icon{
86
- color: theme-apply($active);
87
- }
88
- }
89
- }
90
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
91
- .mat-tab-disabled{
92
- .qms-tab-label{
93
- color: black(0.38);
94
- .mat-icon{
95
- color: black(0.38);
96
- }
97
- }
98
- }
99
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
100
- .mat-ripple.mat-tab-label.mat-tab-disabled:hover{
101
- background: white;
102
- }
103
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
104
- .mat-tab-label{
105
- opacity: 1;
106
- height: auto;
107
- min-height: 48px;
66
+ .mdc-tab-indicator__content--underline {
67
+ border-color: theme-apply($active);
68
+ border-top-width: 3px;
69
+ }
70
+ }
71
+
72
+ &.qms-tab-group-advanced {
73
+ .qms-tab-label {
74
+ display: flex;
75
+ flex-direction: column;
76
+ align-items: center;
77
+ color: theme-apply($popup-title-color);
78
+ font-family: Open Sans, Arial, Sans-Serif;
79
+ font-weight: 400;
80
+ .mat-icon {
81
+ color: black(0.6);
82
+ }
83
+ }
84
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
85
+ .mdc-tab--active {
86
+ .qms-tab-label {
87
+ color: theme-apply($active);
88
+ font-weight: 600;
89
+ .mat-icon {
90
+ color: theme-apply($active);
91
+ }
92
+ }
93
+ }
94
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
95
+ .mat-tab-disabled {
96
+ .qms-tab-label {
97
+ color: black(0.38);
98
+ .mat-icon {
99
+ color: black(0.38);
100
+ }
101
+ }
102
+ }
103
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
104
+ .mat-ripple.mat-tab-label.mat-tab-disabled:hover {
105
+ background: white;
106
+ }
107
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
108
+ .mat-tab-label {
109
+ opacity: 1;
110
+ height: auto;
111
+ min-height: 48px;
112
+ }
113
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
114
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
115
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
116
+ .mat-ripple.mat-tab-label {
117
+ &:hover {
118
+ background: theme-apply($tab-hover-background);
119
+ .qms-tab-label {
120
+ font-weight: 600;
121
+ }
122
+ }
123
+
124
+ &:focus-visible {
125
+ background-color: theme-apply($tab-hover-background);
126
+ }
127
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
128
+ &.cdk-keyboard-focused:not(.mat-tab-disabled),
129
+ &.cdk-program-focused:not(.mat-tab-disabled) {
130
+ background: theme-apply($tab-hover-background);
131
+ }
132
+
133
+ .mat-ripple-element {
134
+ background-color: theme-apply($tab-hover-background);
135
+ }
136
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
137
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
138
+ &.mdc-tab--active {
139
+ &:hover {
140
+ background: theme-apply($tab-hover-background);
141
+ .qms-tab-label {
142
+ font-weight: 600;
143
+ }
108
144
  }
109
145
  /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
110
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
111
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
112
- .mat-ripple.mat-tab-label{
113
- &:hover{
114
- background: theme-apply($tab-hover-background);
115
- .qms-tab-label{
116
- font-weight: 600;
117
- }
118
- }
119
-
120
- &:focus-visible{
121
- background-color: theme-apply($tab-hover-background);
122
- }
123
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
124
- &.cdk-keyboard-focused:not(.mat-tab-disabled),
125
- &.cdk-program-focused:not(.mat-tab-disabled){
126
- background: theme-apply($tab-hover-background);
127
- }
128
-
129
- .mat-ripple-element{
130
- background-color: theme-apply($tab-hover-background)
131
- }
132
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
133
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
134
- &.mat-tab-label-active{
135
- &:hover{
136
- background: theme-apply($tab-hover-background);
137
- .qms-tab-label{
138
- font-weight: 600;
139
- }
140
- }
141
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
142
- &:focus-visible, .mat-ripple-element,
143
- &.cdk-keyboard-focused:not(.mat-tab-disabled),
144
- &.cdk-program-focused:not(.mat-tab-disabled){
145
- background: theme-apply($tab-disable-background);
146
- }
147
- }
146
+ &:focus-visible,
147
+ .mat-ripple-element,
148
+ &.cdk-keyboard-focused:not(.mat-tab-disabled),
149
+ &.cdk-program-focused:not(.mat-tab-disabled) {
150
+ background: theme-apply($tab-disable-background);
148
151
  }
149
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
150
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
151
- .mat-tab-header-pagination.mat-tab-header-pagination-disabled{
152
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
153
- .mat-tab-header-pagination-chevron{
154
- border-color: black(0.38);
155
- }
152
+ }
153
+ }
154
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
155
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
156
+ .mat-tab-header-pagination.mat-tab-header-pagination-disabled {
157
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
158
+ .mat-tab-header-pagination-chevron {
159
+ border-color: black(0.38);
160
+ }
161
+ }
162
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
163
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
164
+ .mat-tab-header-pagination {
165
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
166
+ .mat-tab-header-pagination-chevron {
167
+ border-color: theme-apply($tab-border);
168
+ }
169
+ }
156
170
 
157
- }
158
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
159
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
160
- .mat-tab-header-pagination{
161
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
162
- .mat-tab-header-pagination-chevron{
163
- border-color: theme-apply($tab-border);
164
- }
165
- }
171
+ .mdc-tab-indicator__content--underline {
172
+ border-color: theme-apply($active);
173
+ border-top-width: 3px;
166
174
  }
175
+ }
167
176
 
168
- &.qms-tab-group-advanced.primary{
169
- background: theme-apply($tab-dark-background);
170
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
171
- .mat-tab-labels{
172
- border-bottom: 1px solid theme-apply($tab-primary-label);
173
- }
174
- .qms-tab-label{
175
- display: flex;
176
- flex-direction: column;
177
- align-items: center;
178
- color: white;
179
- font-weight: 400;
180
- .mat-icon{
181
- color: theme-apply($tab-primary-icon);
182
- }
183
- }
184
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
185
- .mat-tab-disabled{
186
- .qms-tab-label{
187
- color: theme-apply($tab-primary-label);
188
- .mat-icon{
189
- color: theme-apply($tab-primary-label);
190
- }
191
- }
192
- }
193
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
194
- .mat-tab-label-active{
195
- .qms-tab-label{
196
- color: white;
197
- font-weight: 600;
198
- .mat-icon{
199
- color: white;
200
- }
201
- }
202
- }
203
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
204
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
205
- .mat-ripple.mat-tab-label{
206
- &:hover{
207
- background: theme-apply($tab-primary-background-hover);
208
- .qms-tab-label{
209
- font-weight: 600;
210
- }
211
- }
212
-
213
- &:focus-visible{
214
- background-color: theme-apply($tab-primary-label);
215
- }
216
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
217
- &.cdk-keyboard-focused:not(.mat-tab-disabled),
218
- &.cdk-program-focused:not(.mat-tab-disabled){
219
- background-color: theme-apply($tab-primary-label);
220
- }
221
-
222
- .mat-ripple-element{
223
- background-color: theme-apply($tab-primary-label);
224
- }
225
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
226
- &.mat-tab-label-active{
227
- &:hover{
228
- background: theme-apply($tab-primary-background-hover);
229
- .qms-tab-label{
230
- font-weight: 600;
231
- }
232
- }
233
-
234
- &:focus-visible{
235
- background-color: theme-apply($tab-primary-label);
236
- }
237
-
238
- .mat-ripple-element{
239
- background-color:theme-apply($tab-primary-label);;
240
- }
241
- }
242
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
243
- &.mat-tab-disabled:hover{
244
- background: theme-apply($tab-dark-background);
245
- }
177
+ &.qms-tab-group-advanced.primary {
178
+ background: theme-apply($tab-dark-background);
179
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
180
+ .mat-tab-labels {
181
+ border-bottom: 1px solid theme-apply($tab-primary-label);
182
+ }
183
+ .qms-tab-label {
184
+ display: flex;
185
+ flex-direction: column;
186
+ align-items: center;
187
+ color: white;
188
+ font-weight: 400;
189
+ .mat-icon {
190
+ color: theme-apply($tab-primary-icon);
191
+ }
192
+ }
193
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
194
+ .mat-tab-disabled {
195
+ .qms-tab-label {
196
+ color: theme-apply($tab-primary-label);
197
+ .mat-icon {
198
+ color: theme-apply($tab-primary-label);
199
+ }
200
+ }
201
+ }
202
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
203
+ .mdc-tab--active {
204
+ .qms-tab-label {
205
+ color: white;
206
+ font-weight: 600;
207
+ .mat-icon {
208
+ color: white;
209
+ }
210
+ }
211
+ }
212
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
213
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
214
+ .mat-ripple.mat-tab-label {
215
+ &:hover {
216
+ background: theme-apply($tab-primary-background-hover);
217
+ .qms-tab-label {
218
+ font-weight: 600;
219
+ }
220
+ }
221
+
222
+ &:focus-visible {
223
+ background-color: theme-apply($tab-primary-label);
224
+ }
225
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
226
+ &.cdk-keyboard-focused:not(.mat-tab-disabled),
227
+ &.cdk-program-focused:not(.mat-tab-disabled) {
228
+ background-color: theme-apply($tab-primary-label);
229
+ }
230
+
231
+ .mat-ripple-element {
232
+ background-color: theme-apply($tab-primary-label);
233
+ }
234
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
235
+ &.mdc-tab--active {
236
+ &:hover {
237
+ background: theme-apply($tab-primary-background-hover);
238
+ .qms-tab-label {
239
+ font-weight: 600;
240
+ }
246
241
  }
247
242
 
248
-
249
- .mat-ink-bar{
250
- background-color: white;
243
+ &:focus-visible {
244
+ background-color: theme-apply($tab-primary-label);
251
245
  }
252
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
253
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
254
- .mat-tab-header-pagination.mat-tab-header-pagination-disabled{
255
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
256
- .mat-tab-header-pagination-chevron{
257
- border-color: theme-apply($tab-primary-border);
258
- }
259
246
 
247
+ .mat-ripple-element {
248
+ background-color: theme-apply($tab-primary-label);
260
249
  }
261
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
262
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
263
- .mat-tab-header-pagination{
264
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
265
- .mat-tab-header-pagination-chevron{
266
- border-color: white;
267
- }
268
- }
250
+ }
251
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
252
+ &.mat-tab-disabled:hover {
253
+ background: theme-apply($tab-dark-background);
254
+ }
269
255
  }
270
256
 
271
- &.qms-tab-group-advanced-fixed{
272
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
273
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
274
- .mat-tab-list{
275
- max-width: 100%;
276
- position: relative;
277
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
278
- .mat-ripple.mat-tab-label{
279
- flex: 1 1 auto;
280
- }
281
- }
257
+ .mat-ink-bar {
258
+ background-color: white;
259
+ }
260
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
261
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
262
+ .mat-tab-header-pagination.mat-tab-header-pagination-disabled {
263
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
264
+ .mat-tab-header-pagination-chevron {
265
+ border-color: theme-apply($tab-primary-border);
266
+ }
267
+ }
268
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
269
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
270
+ .mat-tab-header-pagination {
271
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
272
+ .mat-tab-header-pagination-chevron {
273
+ border-color: white;
274
+ }
282
275
  }
276
+ }
277
+
278
+ &.qms-tab-group-advanced-fixed {
279
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
280
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
281
+ .mat-tab-list {
282
+ max-width: 100%;
283
+ position: relative;
284
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
285
+ .mat-ripple.mat-tab-label {
286
+ flex: 1 1 auto;
287
+ }
288
+ }
289
+ }
283
290
  }
284
291
 
292
+ .mat-mdc-tab-nav-bar {
293
+ &.qms-tab-group {
294
+ .qms-tab-label {
295
+ display: flex;
296
+ flex-direction: column;
297
+ align-items: center;
298
+ color: theme-apply($tab-dark-background);
299
+ font-family: Open Sans, Arial, Sans-Serif;
300
+ }
285
301
 
286
- .mat-mdc-tab-nav-bar{
287
- &.qms-tab-group{
288
- .qms-tab-label{
289
- display: flex;
290
- flex-direction: column;
291
- align-items: center;
292
- color: theme-apply($tab-dark-background);
293
- font-family: Open Sans, Arial, Sans-Serif;
294
- }
295
-
296
- .qms-tab-label:hover{
297
- font-weight: 600;
298
- }
299
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
300
- .mat-tab-label-active{
301
- color: theme-apply($active);
302
- font-weight: 600;
303
- }
304
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
305
- .mat-tab-disabled{
306
- &.qms-tab-label, .qms-tab-label{
307
- color: black(0.24);
308
- }
309
- }
310
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
311
- .mat-mdc-tab-link.mat-tab-disabled:hover{
312
- background: white;
313
- }
314
-
315
- .mat-mdc-tab-link{
316
- opacity: 1;
317
- height: auto;
318
- min-height: 48px;
319
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
320
- &:hover,
321
- &:focus-visible,
322
- &.cdk-keyboard-focused:not(.mat-tab-disabled),
323
- &.cdk-program-focused:not(.mat-tab-disabled),
324
- .mat-ripple-element{
325
- background: theme-apply($tab-disable-background);
326
- }
327
- }
328
-
329
- .mat-mdc-tab-link:hover{
330
- font-weight: 600;
331
- }
332
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
333
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
334
- .mat-tab-header-pagination.mat-tab-header-pagination-disabled{
335
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
336
- .mat-tab-header-pagination-chevron{
337
- border-color: black(0.38);
338
- }
339
-
340
- }
341
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
342
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
343
- .mat-tab-header-pagination{
344
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
345
- .mat-tab-header-pagination-chevron{
346
- border-color: theme-apply($tab-border);
347
- }
348
- }
302
+ .qms-tab-label:hover {
303
+ font-weight: 600;
304
+ }
305
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
306
+ .mdc-tab--active {
307
+ color: theme-apply($active);
308
+ font-weight: 600;
309
+ }
310
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
311
+ .mat-tab-disabled {
312
+ &.qms-tab-label,
313
+ .qms-tab-label {
314
+ color: black(0.24);
315
+ }
316
+ }
317
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
318
+ .mat-mdc-tab-link.mat-tab-disabled:hover {
319
+ background: white;
349
320
  }
350
321
 
351
- &.qms-tab-group-advanced{
352
- .qms-tab-label{
353
- display: flex;
354
- flex-direction: column;
355
- align-items: center;
356
- color: theme-apply($tab-dark-background);
357
- font-family: Open Sans, Arial, Sans-Serif;
358
- font-weight: 400;
359
- .mat-icon{
360
- color: black(0.6);
361
- }
362
- }
363
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
364
- .mat-tab-label-active{
365
- &.qms-tab-label{
366
- font-weight: 600;
367
- color: theme-apply($active);
368
- .mat-icon{
369
- color: theme-apply($active);
370
- }
371
- }
372
- }
373
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
374
- .mat-tab-disabled{
375
- &.qms-tab-label, .qms-tab-label{
376
- color: black(0.38);
377
- .mat-icon{
378
- color: black(0.38);
379
- }
380
- }
381
- }
382
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
383
- .mat-mdc-tab-link.mat-tab-disabled:hover{
384
- background: white;
385
- }
322
+ .mat-mdc-tab-link {
323
+ opacity: 1;
324
+ height: auto;
325
+ min-height: 48px;
326
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
327
+ &:hover,
328
+ &:focus-visible,
329
+ &.cdk-keyboard-focused:not(.mat-tab-disabled),
330
+ &.cdk-program-focused:not(.mat-tab-disabled),
331
+ .mat-ripple-element {
332
+ background: theme-apply($tab-disable-background);
333
+ }
334
+ }
386
335
 
387
- .mat-mdc-tab-link{
388
- opacity: 1;
389
- height: auto;
390
- min-height: 48px;
391
- }
336
+ .mat-mdc-tab-link:hover {
337
+ font-weight: 600;
338
+ }
339
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
340
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
341
+ .mat-tab-header-pagination.mat-tab-header-pagination-disabled {
342
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
343
+ .mat-tab-header-pagination-chevron {
344
+ border-color: black(0.38);
345
+ }
346
+ }
347
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
348
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
349
+ .mat-tab-header-pagination {
350
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
351
+ .mat-tab-header-pagination-chevron {
352
+ border-color: theme-apply($tab-border);
353
+ }
354
+ }
355
+ }
356
+
357
+ &.qms-tab-group-advanced {
358
+ .qms-tab-label {
359
+ display: flex;
360
+ flex-direction: column;
361
+ align-items: center;
362
+ color: theme-apply($tab-dark-background);
363
+ font-family: Open Sans, Arial, Sans-Serif;
364
+ font-weight: 400;
365
+ .mat-icon {
366
+ color: black(0.6);
367
+ }
368
+ }
369
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
370
+ .mdc-tab--active {
371
+ &.qms-tab-label {
372
+ font-weight: 600;
373
+ color: theme-apply($active);
374
+ .mat-icon {
375
+ color: theme-apply($active);
376
+ }
377
+ }
378
+ }
379
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
380
+ .mat-tab-disabled {
381
+ &.qms-tab-label,
382
+ .qms-tab-label {
383
+ color: black(0.38);
384
+ .mat-icon {
385
+ color: black(0.38);
386
+ }
387
+ }
388
+ }
389
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
390
+ .mat-mdc-tab-link.mat-tab-disabled:hover {
391
+ background: white;
392
+ }
392
393
 
393
- .mat-mdc-tab-link{
394
- &:hover{
395
- background: theme-apply($tab-hover-background);
396
- font-weight: 600;
397
- }
398
-
399
- &:focus-visible{
400
- background-color: theme-apply($tab-hover-background);
401
- }
402
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
403
- &.cdk-keyboard-focused:not(.mat-tab-disabled),
404
- &.cdk-program-focused:not(.mat-tab-disabled){
405
- background: theme-apply($tab-hover-background);
406
- }
407
-
408
- .mat-ripple-element{
409
- background-color: theme-apply($tab-hover-background)
410
- }
411
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
412
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
413
- &.mat-tab-label-active{
414
- &:hover{
415
- background: theme-apply($tab-hover-background);
416
- .qms-tab-label{
417
- font-weight: 600;
418
- }
419
- }
420
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
421
- &:focus-visible, .mat-ripple-element,
422
- &.cdk-keyboard-focused:not(.mat-tab-disabled),
423
- &.cdk-program-focused:not(.mat-tab-disabled){
424
- background: theme-apply($tab-disable-background);
425
- }
426
- }
427
- }
428
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
429
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
430
- .mat-tab-header-pagination.mat-tab-header-pagination-disabled{
431
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
432
- .mat-tab-header-pagination-chevron{
433
- border-color: black(0.38);
434
- }
394
+ .mat-mdc-tab-link {
395
+ opacity: 1;
396
+ height: auto;
397
+ min-height: 48px;
398
+ }
435
399
 
400
+ .mat-mdc-tab-link {
401
+ &:hover {
402
+ background: theme-apply($tab-hover-background);
403
+ font-weight: 600;
404
+ }
405
+
406
+ &:focus-visible {
407
+ background-color: theme-apply($tab-hover-background);
408
+ }
409
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
410
+ &.cdk-keyboard-focused:not(.mat-tab-disabled),
411
+ &.cdk-program-focused:not(.mat-tab-disabled) {
412
+ background: theme-apply($tab-hover-background);
413
+ }
414
+
415
+ .mat-ripple-element {
416
+ background-color: theme-apply($tab-hover-background);
417
+ }
418
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
419
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
420
+ &.mdc-tab--active {
421
+ &:hover {
422
+ background: theme-apply($tab-hover-background);
423
+ .qms-tab-label {
424
+ font-weight: 600;
425
+ }
436
426
  }
437
427
  /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
438
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
439
- .mat-tab-header-pagination{
440
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
441
- .mat-tab-header-pagination-chevron{
442
- border-color: theme-apply($tab-border);
443
- }
428
+ &:focus-visible,
429
+ .mat-ripple-element,
430
+ &.cdk-keyboard-focused:not(.mat-tab-disabled),
431
+ &.cdk-program-focused:not(.mat-tab-disabled) {
432
+ background: theme-apply($tab-disable-background);
444
433
  }
434
+ }
435
+ }
436
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
437
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
438
+ .mat-tab-header-pagination.mat-tab-header-pagination-disabled {
439
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
440
+ .mat-tab-header-pagination-chevron {
441
+ border-color: black(0.38);
442
+ }
443
+ }
444
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
445
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
446
+ .mat-tab-header-pagination {
447
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
448
+ .mat-tab-header-pagination-chevron {
449
+ border-color: theme-apply($tab-border);
450
+ }
451
+ }
452
+ }
453
+
454
+ &.qms-tab-group-advanced.primary {
455
+ background: theme-apply($tab-dark-background);
456
+
457
+ .qms-tab-label {
458
+ display: flex;
459
+ flex-direction: column;
460
+ align-items: center;
461
+ color: white;
462
+ font-weight: 400;
463
+ .mat-icon {
464
+ color: theme-apply($tab-primary-icon);
465
+ }
466
+ }
467
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
468
+ .mat-tab-disabled {
469
+ &.qms-tab-label {
470
+ color: theme-apply($tab-primary-label);
471
+ .mat-icon {
472
+ color: theme-apply($tab-primary-label);
473
+ }
474
+ }
475
+ }
476
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
477
+ .mdc-tab--active {
478
+ color: white;
479
+ font-weight: 600;
480
+ .mat-icon {
481
+ color: white;
482
+ }
445
483
  }
446
484
 
447
- &.qms-tab-group-advanced.primary{
448
- background: theme-apply($tab-dark-background);
449
-
450
- .qms-tab-label{
451
- display: flex;
452
- flex-direction: column;
453
- align-items: center;
454
- color: white;
455
- font-weight: 400;
456
- .mat-icon{
457
- color: theme-apply($tab-primary-icon);
458
- }
459
- }
460
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
461
- .mat-tab-disabled{
462
- &.qms-tab-label{
463
- color: theme-apply($tab-primary-label);
464
- .mat-icon{
465
- color: theme-apply($tab-primary-label);
466
- }
467
- }
468
- }
469
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
470
- .mat-tab-label-active{
471
- color: white;
485
+ .mat-mdc-tab-link {
486
+ &:hover {
487
+ background: theme-apply($tab-primary-background-hover);
488
+ font-weight: 600;
489
+ }
490
+
491
+ &:focus-visible {
492
+ background-color: theme-apply($tab-primary-label);
493
+ }
494
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
495
+ &.cdk-keyboard-focused:not(.mat-tab-disabled),
496
+ &.cdk-program-focused:not(.mat-tab-disabled) {
497
+ background-color: theme-apply($tab-primary-label);
498
+ }
499
+
500
+ .mat-ripple-element {
501
+ background-color: theme-apply($tab-dark-background);
502
+ }
503
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
504
+ &.mdc-tab--active {
505
+ &:hover {
506
+ background: theme-apply($tab-primary-background-hover);
507
+ .qms-tab-label {
472
508
  font-weight: 600;
473
- .mat-icon{
474
- color: white;
475
- }
476
- }
477
-
478
-
479
- .mat-mdc-tab-link{
480
- &:hover{
481
- background: theme-apply($tab-primary-background-hover);
482
- font-weight: 600;
483
- }
484
-
485
- &:focus-visible{
486
- background-color: theme-apply($tab-primary-label);
487
- }
488
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
489
- &.cdk-keyboard-focused:not(.mat-tab-disabled),
490
- &.cdk-program-focused:not(.mat-tab-disabled){
491
- background-color: theme-apply($tab-primary-label);
492
- }
493
-
494
- .mat-ripple-element{
495
- background-color: theme-apply($tab-dark-background);
496
- }
497
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
498
- &.mat-tab-label-active{
499
- &:hover{
500
- background: theme-apply($tab-primary-background-hover);
501
- .qms-tab-label{
502
- font-weight: 600;
503
- }
504
- }
505
-
506
- &:focus-visible{
507
- background-color: theme-apply($tab-primary-label);
508
- }
509
-
510
- .mat-ripple-element{
511
- background-color:theme-apply($tab-primary-label);;
512
- }
513
- }
514
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
515
- &.mat-tab-disabled:hover{
516
- background: theme-apply($tab-dark-background);
517
- }
509
+ }
518
510
  }
519
511
 
520
-
521
- .mat-ink-bar{
522
- background-color: white;
512
+ &:focus-visible {
513
+ background-color: theme-apply($tab-primary-label);
523
514
  }
524
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
525
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
526
- .mat-tab-header-pagination.mat-tab-header-pagination-disabled{
527
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
528
- .mat-tab-header-pagination-chevron{
529
- border-color: theme-apply($tab-primary-border);
530
- }
531
515
 
516
+ .mat-ripple-element {
517
+ background-color: theme-apply($tab-primary-label);
532
518
  }
533
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
534
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
535
- .mat-tab-header-pagination{
536
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
537
- .mat-tab-header-pagination-chevron{
538
- border-color: white;
539
- }
540
- }
519
+ }
520
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
521
+ &.mat-tab-disabled:hover {
522
+ background: theme-apply($tab-dark-background);
523
+ }
541
524
  }
542
525
 
543
- &.qms-tab-group-advanced-fixed{
544
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
545
- /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
546
- .mat-tab-list{
547
- max-width: 100%;
548
- position: relative;
549
-
550
- .mat-mdc-tab-link{
551
- flex: 1 1 auto;
552
- }
553
- }
526
+ .mat-ink-bar {
527
+ background-color: white;
528
+ }
529
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
530
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
531
+ .mat-tab-header-pagination.mat-tab-header-pagination-disabled {
532
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
533
+ .mat-tab-header-pagination-chevron {
534
+ border-color: theme-apply($tab-primary-border);
535
+ }
536
+ }
537
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
538
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
539
+ .mat-tab-header-pagination {
540
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
541
+ .mat-tab-header-pagination-chevron {
542
+ border-color: white;
543
+ }
544
+ }
545
+ }
546
+
547
+ &.qms-tab-group-advanced-fixed {
548
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
549
+ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
550
+ .mat-tab-list {
551
+ max-width: 100%;
552
+ position: relative;
553
+
554
+ .mat-mdc-tab-link {
555
+ flex: 1 1 auto;
556
+ }
554
557
  }
558
+ }
555
559
  }