qms-angular 2.0.1 → 2.0.2
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/esm2022/lib/components/banner/qms-banner-confirm/qms-banner-confirm.component.mjs +3 -3
- package/esm2022/lib/components/related/popup/related-popup.component.mjs +3 -3
- package/esm2022/lib/components/related/risk/analysis/analysis.component.mjs +2 -2
- package/esm2022/lib/components/select-access-dialog/select-access-dialog.component.mjs +3 -3
- package/esm2022/lib/components/select-department/select-department.component.mjs +3 -3
- package/esm2022/lib/components/select-department-tree/select-department-tree.component.mjs +5 -5
- package/esm2022/lib/components/select-one/select-one.component.mjs +10 -12
- package/esm2022/lib/components/select-process-data/select-process-data.component.mjs +3 -3
- package/esm2022/lib/components/select-process-data-tree/select-process-data-tree.component.mjs +3 -3
- package/esm2022/lib/qms-ckeditor-components/common/module/confirm/qms-ckeditor-confirm.component.mjs +2 -2
- package/esm2022/lib/qms-ckeditor-components/components/qms-ckeditor-about/qms-ckeditor-about.component.mjs +2 -2
- package/esm2022/lib/qms-ckeditor-components/components/qms-ckeditor-imagemap/qms-ckeditor-imagemap.component.mjs +2 -2
- package/esm2022/lib/qms-ckeditor-components/components/qms-ckeditor-link/attachments/link-attachment.component.mjs +2 -2
- package/esm2022/lib/qms-ckeditor-components/components/qms-ckeditor-link/qms-ckeditor-link.component.mjs +2 -2
- package/esm2022/lib/qms-ckeditor-components/components/qms-ckeditor-link-simple/qms-ckeditor-link-simple.component.mjs +2 -2
- package/esm2022/lib/qms-ckeditor-components/components/qms-ckeditor-load-template/qms-ckeditor-load-template.component.mjs +2 -2
- package/esm2022/lib/qms-ckeditor-components/components/qms-ckeditor-relation/qmsckeditor-related.component.mjs +2 -2
- package/esm2022/lib/qms-ckeditor-components/components/qms-ckeditor-template/qms-ckeditor-template.component.mjs +2 -2
- package/esm2022/lib/qms-ckeditor-components/components/qms-ckeditor-tooltip/qms-ckeditor-tooltip.component.mjs +2 -2
- package/esm2022/lib/qms-ckeditor-components/qms-ckeditor.component.mjs +2 -2
- package/fesm2022/qms-angular.mjs +42 -42
- package/fesm2022/qms-angular.mjs.map +1 -1
- package/package.json +1 -1
- package/src/assets/qms-ckeditor-plugin/build/ckeditor.js +1 -1
- package/src/lib/components/banner/qms-banner-confirm/qms-banner-confirm.component.scss +44 -44
- package/src/lib/components/related/risk/analysis/analysis.component.scss +0 -3
- package/src/lib/components/select-access-dialog/select-access-dialog.component.scss +8 -2
- package/src/lib/components/select-department/select-department.component.scss +3 -3
- package/src/lib/components/select-department-tree/select-department-tree.component.scss +1 -1
- package/src/lib/components/select-dialog/select-dialog.scss +1 -1
- package/src/lib/components/select-process-data/select-process-data.component.scss +1 -1
- package/src/lib/components/select-process-data-tree/select-process-data-tree.component.scss +1 -1
- package/src/lib/components/select-process-document/select-process-document.component.scss +5 -6
- package/src/lib/qms-ckeditor-components/styles/_modules.scss +149 -146
- package/src/themes/core/_checkbox.scss +5 -1
- package/src/themes/core/_dialog.scss +42 -53
- package/src/themes/core/_form.scss +40 -35
- package/src/themes/core/_radio.scss +5 -1
- package/src/themes/core/_range-slider.scss +223 -201
- package/src/themes/core/_slide-toggle.scss +48 -6
- package/src/themes/core/_tab.scss +516 -512
@@ -1,555 +1,559 @@
|
|
1
1
|
@import "../theme/variable";
|
2
2
|
@import "../theme/mixins";
|
3
3
|
|
4
|
-
.mat-mdc-tab-group{
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
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
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
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
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
.mat-
|
92
|
-
|
93
|
-
|
94
|
-
|
95
|
-
|
96
|
-
|
97
|
-
|
98
|
-
|
99
|
-
|
100
|
-
.mat-
|
101
|
-
|
102
|
-
}
|
103
|
-
|
104
|
-
|
105
|
-
|
106
|
-
|
107
|
-
|
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
|
-
|
111
|
-
|
112
|
-
|
113
|
-
|
114
|
-
|
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
|
-
|
150
|
-
|
151
|
-
|
152
|
-
|
153
|
-
|
154
|
-
|
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
|
-
|
159
|
-
|
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
|
-
|
169
|
-
|
170
|
-
|
171
|
-
|
172
|
-
|
173
|
-
|
174
|
-
|
175
|
-
|
176
|
-
|
177
|
-
|
178
|
-
|
179
|
-
|
180
|
-
|
181
|
-
|
182
|
-
|
183
|
-
|
184
|
-
|
185
|
-
|
186
|
-
|
187
|
-
|
188
|
-
|
189
|
-
|
190
|
-
|
191
|
-
|
192
|
-
|
193
|
-
|
194
|
-
|
195
|
-
|
196
|
-
|
197
|
-
|
198
|
-
|
199
|
-
|
200
|
-
|
201
|
-
|
202
|
-
|
203
|
-
|
204
|
-
|
205
|
-
|
206
|
-
|
207
|
-
|
208
|
-
|
209
|
-
|
210
|
-
|
211
|
-
|
212
|
-
|
213
|
-
|
214
|
-
|
215
|
-
|
216
|
-
|
217
|
-
|
218
|
-
|
219
|
-
|
220
|
-
|
221
|
-
|
222
|
-
|
223
|
-
|
224
|
-
|
225
|
-
|
226
|
-
|
227
|
-
|
228
|
-
|
229
|
-
|
230
|
-
|
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
|
-
|
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
|
-
|
262
|
-
|
263
|
-
|
264
|
-
|
265
|
-
|
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
|
-
|
272
|
-
|
273
|
-
|
274
|
-
|
275
|
-
|
276
|
-
|
277
|
-
|
278
|
-
|
279
|
-
|
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
|
-
.
|
287
|
-
|
288
|
-
|
289
|
-
|
290
|
-
|
291
|
-
|
292
|
-
|
293
|
-
|
294
|
-
|
295
|
-
|
296
|
-
|
297
|
-
|
298
|
-
|
299
|
-
|
300
|
-
|
301
|
-
|
302
|
-
|
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
|
-
|
352
|
-
|
353
|
-
|
354
|
-
|
355
|
-
|
356
|
-
|
357
|
-
|
358
|
-
|
359
|
-
|
360
|
-
|
361
|
-
|
362
|
-
|
363
|
-
|
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
|
-
|
388
|
-
|
389
|
-
|
390
|
-
|
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
|
-
|
394
|
-
|
395
|
-
|
396
|
-
|
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
|
-
|
439
|
-
.mat-
|
440
|
-
|
441
|
-
|
442
|
-
|
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
|
-
|
448
|
-
|
449
|
-
|
450
|
-
|
451
|
-
|
452
|
-
|
453
|
-
|
454
|
-
|
455
|
-
|
456
|
-
|
457
|
-
|
458
|
-
|
459
|
-
|
460
|
-
|
461
|
-
|
462
|
-
|
463
|
-
|
464
|
-
|
465
|
-
|
466
|
-
|
467
|
-
|
468
|
-
|
469
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
534
|
-
|
535
|
-
|
536
|
-
|
537
|
-
|
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
|
-
|
544
|
-
|
545
|
-
|
546
|
-
|
547
|
-
|
548
|
-
|
549
|
-
|
550
|
-
|
551
|
-
|
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
|
}
|