Skip to content
This repository was archived by the owner on Jan 13, 2025. It is now read-only.

Commit a6b63cf

Browse files
allan-chenallan-chen
committed
update ids/labels
1 parent 649a250 commit a6b63cf

File tree

2 files changed

+76
-76
lines changed

2 files changed

+76
-76
lines changed

‎test/screenshot/spec/mdc-textfield/mixins/disabled-1.html‎

Lines changed: 40 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -46,19 +46,19 @@
4646

4747
<div class="test-cell test-cell--light test-cell--textfield-small">
4848
<div class="mdc-text-field mdc-text-field--disabled custom-disabled-colors-text-field--bottom-line-color">
49-
<input type="text" id="filled-text-field" class="mdc-text-field__input test-text-field__input" disabled>
50-
<label class="mdc-floating-label" for="filled-text-field">Label</label>
49+
<input type="text" id="filled-text-field--bottom-line-color" class="mdc-text-field__input test-text-field__input" disabled>
50+
<label class="mdc-floating-label" for="filled-text-field--bottom-line-color">Label</label>
5151
<div class="mdc-line-ripple"></div>
5252
</div>
5353
</div>
5454

5555
<div class="test-cell test-cell--light test-cell--textfield-small">
5656
<div class="mdc-text-field mdc-text-field--outlined mdc-text-field--disabled custom-disabled-colors-text-field--bottom-line-color">
57-
<input type="text" id="outlined-text-field" class="mdc-text-field__input test-text-field__input" disabled>
57+
<input type="text" id="outlined-text-field--bottom-line-color" class="mdc-text-field__input test-text-field__input" disabled>
5858
<div class="mdc-notched-outline">
5959
<div class="mdc-notched-outline__leading"></div>
6060
<div class="mdc-notched-outline__notch">
61-
<label for="outlined-text-field" class="mdc-floating-label">Label</label>
61+
<label for="outlined-text-field--bottom-line-color" class="mdc-floating-label">Label</label>
6262
</div>
6363
<div class="mdc-notched-outline__trailing"></div>
6464
</div>
@@ -67,21 +67,21 @@
6767

6868
<div class="test-cell test-cell--light test-cell--textfield-small">
6969
<div class="mdc-text-field mdc-text-field--disabled custom-disabled-colors-text-field--bottom-line-color">
70-
<input type="text" id="filled-text-field-with-value" class="mdc-text-field__input test-text-field__input"
70+
<input type="text" id="filled-text-field-with-value--bottom-line-color" class="mdc-text-field__input test-text-field__input"
7171
value="Filled value" disabled>
72-
<label for="filled-text-field-with-value" class="mdc-floating-label mdc-floating-label--float-above">Label</label>
72+
<label for="filled-text-field-with-value--bottom-line-color" class="mdc-floating-label mdc-floating-label--float-above">Label</label>
7373
<div class="mdc-line-ripple"></div>
7474
</div>
7575
</div>
7676

7777
<div class="test-cell test-cell--light test-cell--textfield-small">
7878
<div class="mdc-text-field mdc-text-field--outlined mdc-text-field--disabled custom-disabled-colors-text-field--bottom-line-color">
79-
<input type="text" id="outlined-text-field-with-value" class="mdc-text-field__input test-text-field__input"
79+
<input type="text" id="outlined-text-field-with-value--bottom-line-color" class="mdc-text-field__input test-text-field__input"
8080
value="Filled value" disabled>
8181
<div class="mdc-notched-outline mdc-notched-outline--notched">
8282
<div class="mdc-notched-outline__leading"></div>
8383
<div class="mdc-notched-outline__notch">
84-
<label for="outlined-text-field-with-value" class="mdc-floating-label mdc-floating-label--float-above">Label</label>
84+
<label for="outlined-text-field-with-value--bottom-line-color" class="mdc-floating-label mdc-floating-label--float-above">Label</label>
8585
</div>
8686
<div class="mdc-notched-outline__trailing"></div>
8787
</div>
@@ -93,8 +93,8 @@
9393

9494
<div class="test-cell test-cell--light test-cell--textfield">
9595
<div class="mdc-text-field mdc-text-field--disabled custom-disabled-colors-text-field--character-counter-color">
96-
<input type="text" id="filled-text-field" class="mdc-text-field__input test-text-field__input" maxlength="10" disabled>
97-
<label class="mdc-floating-label" for="filled-text-field">Label</label>
96+
<input type="text" id="filled-text-field--character-counter-color" class="mdc-text-field__input test-text-field__input" maxlength="10" disabled>
97+
<label class="mdc-floating-label" for="filled-text-field--character-counter-color">Label</label>
9898
<div class="mdc-line-ripple"></div>
9999
</div>
100100
<div class="mdc-text-field-helper-line">
@@ -104,11 +104,11 @@
104104

105105
<div class="test-cell test-cell--light test-cell--textfield">
106106
<div class="mdc-text-field mdc-text-field--outlined mdc-text-field--disabled custom-disabled-colors-text-field--character-counter-color">
107-
<input type="text" id="outlined-text-field" class="mdc-text-field__input test-text-field__input" maxlength="10" disabled>
107+
<input type="text" id="outlined-text-field--character-counter-color" class="mdc-text-field__input test-text-field__input" maxlength="10" disabled>
108108
<div class="mdc-notched-outline">
109109
<div class="mdc-notched-outline__leading"></div>
110110
<div class="mdc-notched-outline__notch">
111-
<label for="outlined-text-field" class="mdc-floating-label">Label</label>
111+
<label for="outlined-text-field--character-counter-color" class="mdc-floating-label">Label</label>
112112
</div>
113113
<div class="mdc-notched-outline__trailing"></div>
114114
</div>
@@ -120,8 +120,8 @@
120120

121121
<div class="test-cell test-cell--light test-cell--textfield">
122122
<div class="mdc-text-field mdc-text-field--disabled custom-disabled-colors-text-field--character-counter-color">
123-
<input type="text" id="filled-text-field-with-value" class="mdc-text-field__input test-text-field__input" value="Filled value" maxlength="25" disabled>
124-
<label for="filled-text-field-with-value" class="mdc-floating-label mdc-floating-label--float-above">Label</label>
123+
<input type="text" id="filled-text-field-with-value--character-counter-color" class="mdc-text-field__input test-text-field__input" value="Filled value" maxlength="25" disabled>
124+
<label for="filled-text-field-with-value--character-counter-color" class="mdc-floating-label mdc-floating-label--float-above">Label</label>
125125
<div class="mdc-line-ripple"></div>
126126
</div>
127127
<div class="mdc-text-field-helper-line">
@@ -130,11 +130,11 @@
130130
</div>
131131
<div class="test-cell test-cell--light test-cell--textfield">
132132
<div class="mdc-text-field mdc-text-field--outlined mdc-text-field--disabled custom-disabled-colors-text-field--character-counter-color">
133-
<input type="text" id="outlined-text-field-with-value" class="mdc-text-field__input test-text-field__input" value="Filled value" maxlength="25" disabled>
133+
<input type="text" id="outlined-text-field-with-value--character-counter-color" class="mdc-text-field__input test-text-field__input" value="Filled value" maxlength="25" disabled>
134134
<div class="mdc-notched-outline mdc-notched-outline--notched">
135135
<div class="mdc-notched-outline__leading"></div>
136136
<div class="mdc-notched-outline__notch">
137-
<label for="outlined-text-field-with-value" class="mdc-floating-label mdc-floating-label--float-above">Label</label>
137+
<label for="outlined-text-field-with-value--character-counter-color" class="mdc-floating-label mdc-floating-label--float-above">Label</label>
138138
</div>
139139
<div class="mdc-notched-outline__trailing"></div>
140140
</div>
@@ -149,19 +149,19 @@
149149

150150
<div class="test-cell test-cell--light test-cell--textfield-small">
151151
<div class="mdc-text-field mdc-text-field--disabled custom-disabled-colors-text-field--fill-color">
152-
<input type="text" id="filled-text-field" class="mdc-text-field__input test-text-field__input" disabled>
153-
<label class="mdc-floating-label" for="filled-text-field">Label</label>
152+
<input type="text" id="filled-text-field--fill-color" class="mdc-text-field__input test-text-field__input" disabled>
153+
<label class="mdc-floating-label" for="filled-text-field--fill-color">Label</label>
154154
<div class="mdc-line-ripple"></div>
155155
</div>
156156
</div>
157157

158158
<div class="test-cell test-cell--light test-cell--textfield-small">
159159
<div class="mdc-text-field mdc-text-field--outlined">
160-
<input type="text" id="outlined-text-field" class="mdc-text-field__input test-text-field__input" disabled>
160+
<input type="text" id="outlined-text-field--fill-color" class="mdc-text-field__input test-text-field__input" disabled>
161161
<div class="mdc-notched-outline">
162162
<div class="mdc-notched-outline__leading"></div>
163163
<div class="mdc-notched-outline__notch">
164-
<label for="outlined-text-field" class="mdc-floating-label">Label</label>
164+
<label for="outlined-text-field--fill-color" class="mdc-floating-label">Label</label>
165165
</div>
166166
<div class="mdc-notched-outline__trailing"></div>
167167
</div>
@@ -170,21 +170,21 @@
170170

171171
<div class="test-cell test-cell--light test-cell--textfield-small">
172172
<div class="mdc-text-field mdc-text-field--disabled custom-disabled-colors-text-field--fill-color">
173-
<input type="text" id="filled-text-field-with-value" class="mdc-text-field__input test-text-field__input"
173+
<input type="text" id="filled-text-field-with-value--fill-color" class="mdc-text-field__input test-text-field__input"
174174
value="Filled value" disabled>
175-
<label for="filled-text-field-with-value" class="mdc-floating-label mdc-floating-label--float-above">Label</label>
175+
<label for="filled-text-field-with-value--fill-color" class="mdc-floating-label mdc-floating-label--float-above">Label</label>
176176
<div class="mdc-line-ripple"></div>
177177
</div>
178178
</div>
179179

180180
<div class="test-cell test-cell--light test-cell--textfield-small">
181181
<div class="mdc-text-field mdc-text-field--outlined">
182-
<input type="text" id="outlined-text-field-with-value" class="mdc-text-field__input test-text-field__input"
182+
<input type="text" id="outlined-text-field-with-value--fill-color" class="mdc-text-field__input test-text-field__input"
183183
value="Filled value" disabled>
184184
<div class="mdc-notched-outline mdc-notched-outline--notched">
185185
<div class="mdc-notched-outline__leading"></div>
186186
<div class="mdc-notched-outline__notch">
187-
<label for="outlined-text-field-with-value" class="mdc-floating-label mdc-floating-label--float-above">Label</label>
187+
<label for="outlined-text-field-with-value--fill-color" class="mdc-floating-label mdc-floating-label--float-above">Label</label>
188188
</div>
189189
<div class="mdc-notched-outline__trailing"></div>
190190
</div>
@@ -212,8 +212,8 @@
212212

213213
<div class="test-cell test-cell--light test-cell--textfield">
214214
<div class="mdc-text-field mdc-text-field--disabled custom-disabled-colors-text-field--helper-text-color">
215-
<input type="text" id="filled-text-field" class="mdc-text-field__input test-text-field__input" disabled>
216-
<label class="mdc-floating-label" for="filled-text-field">Label</label>
215+
<input type="text" id="filled-text-field--helper-text-color" class="mdc-text-field__input test-text-field__input" disabled>
216+
<label class="mdc-floating-label" for="filled-text-field--helper-text-color">Label</label>
217217
<div class="mdc-line-ripple"></div>
218218
</div>
219219
<div class="mdc-text-field-helper-line">
@@ -223,11 +223,11 @@
223223

224224
<div class="test-cell test-cell--light test-cell--textfield">
225225
<div class="mdc-text-field mdc-text-field--outlined mdc-text-field--disabled custom-disabled-colors-text-field--helper-text-color">
226-
<input type="text" id="outlined-text-field" class="mdc-text-field__input test-text-field__input" disabled>
226+
<input type="text" id="outlined-text-field--helper-text-color" class="mdc-text-field__input test-text-field__input" disabled>
227227
<div class="mdc-notched-outline">
228228
<div class="mdc-notched-outline__leading"></div>
229229
<div class="mdc-notched-outline__notch">
230-
<label for="outlined-text-field" class="mdc-floating-label">Label</label>
230+
<label for="outlined-text-field--helper-text-color" class="mdc-floating-label">Label</label>
231231
</div>
232232
<div class="mdc-notched-outline__trailing"></div>
233233
</div>
@@ -239,8 +239,8 @@
239239

240240
<div class="test-cell test-cell--light test-cell--textfield">
241241
<div class="mdc-text-field mdc-text-field--disabled custom-disabled-colors-text-field--helper-text-color">
242-
<input type="text" id="filled-text-field-with-value" class="mdc-text-field__input test-text-field__input" value="Filled value" disabled>
243-
<label for="filled-text-field-with-value" class="mdc-floating-label mdc-floating-label--float-above">Label</label>
242+
<input type="text" id="filled-text-field-with-value--helper-text-color" class="mdc-text-field__input test-text-field__input" value="Filled value" disabled>
243+
<label for="filled-text-field-with-value--helper-text-color" class="mdc-floating-label mdc-floating-label--float-above">Label</label>
244244
<div class="mdc-line-ripple"></div>
245245
</div>
246246
<div class="mdc-text-field-helper-line">
@@ -250,11 +250,11 @@
250250

251251
<div class="test-cell test-cell--light test-cell--textfield">
252252
<div class="mdc-text-field mdc-text-field--outlined mdc-text-field--disabled custom-disabled-colors-text-field--helper-text-color">
253-
<input type="text" id="outlined-text-field-with-value" class="mdc-text-field__input test-text-field__input" value="Filled value" disabled>
253+
<input type="text" id="outlined-text-field-with-value--helper-text-color" class="mdc-text-field__input test-text-field__input" value="Filled value" disabled>
254254
<div class="mdc-notched-outline mdc-notched-outline--notched">
255255
<div class="mdc-notched-outline__leading"></div>
256256
<div class="mdc-notched-outline__notch">
257-
<label for="outlined-text-field-with-value" class="mdc-floating-label mdc-floating-label--float-above">Label</label>
257+
<label for="outlined-text-field-with-value--helper-text-color" class="mdc-floating-label mdc-floating-label--float-above">Label</label>
258258
</div>
259259
<div class="mdc-notched-outline__trailing"></div>
260260
</div>
@@ -271,20 +271,20 @@
271271
<div class="test-cell test-cell--light test-cell--textfield-small">
272272
<div class="mdc-text-field mdc-text-field--with-leading-icon mdc-text-field--disabled custom-disabled-colors-text-field--icon-color">
273273
<i class="material-icons mdc-text-field__icon" tabindex="0" role="button">event</i>
274-
<input type="text" id="filled-text-field" class="mdc-text-field__input test-text-field__input" disabled>
275-
<label class="mdc-floating-label" for="filled-text-field">Label</label>
274+
<input type="text" id="filled-text-field--icon-color" class="mdc-text-field__input test-text-field__input" disabled>
275+
<label class="mdc-floating-label" for="filled-text-field--icon-color">Label</label>
276276
<div class="mdc-line-ripple"></div>
277277
</div>
278278
</div>
279279

280280
<div class="test-cell test-cell--light test-cell--textfield-small">
281281
<div class="mdc-text-field mdc-text-field--outlined mdc-text-field--with-leading-icon mdc-text-field--disabled custom-disabled-colors-text-field--icon-color">
282282
<i class="material-icons mdc-text-field__icon" tabindex="0" role="button">event</i>
283-
<input type="text" id="outlined-text-field" class="mdc-text-field__input test-text-field__input" disabled>
283+
<input type="text" id="outlined-text-field--icon-color" class="mdc-text-field__input test-text-field__input" disabled>
284284
<div class="mdc-notched-outline">
285285
<div class="mdc-notched-outline__leading"></div>
286286
<div class="mdc-notched-outline__notch">
287-
<label for="outlined-text-field" class="mdc-floating-label">Label</label>
287+
<label for="outlined-text-field--icon-color" class="mdc-floating-label">Label</label>
288288
</div>
289289
<div class="mdc-notched-outline__trailing"></div>
290290
</div>
@@ -294,20 +294,20 @@
294294
<div class="test-cell test-cell--light test-cell--textfield-small">
295295
<div class="mdc-text-field mdc-text-field--with-leading-icon mdc-text-field--disabled custom-disabled-colors-text-field--icon-color">
296296
<i class="material-icons mdc-text-field__icon" tabindex="0" role="button">event</i>
297-
<input type="text" id="filled-text-field-with-value" class="mdc-text-field__input test-text-field__input" value="Filled value" disabled>
298-
<label for="filled-text-field-with-value" class="mdc-floating-label mdc-floating-label--float-above">Label</label>
297+
<input type="text" id="filled-text-field-with-value--icon-color" class="mdc-text-field__input test-text-field__input" value="Filled value" disabled>
298+
<label for="filled-text-field-with-value--icon-color" class="mdc-floating-label mdc-floating-label--float-above">Label</label>
299299
<div class="mdc-line-ripple"></div>
300300
</div>
301301
</div>
302302

303303
<div class="test-cell test-cell--light test-cell--textfield-small">
304304
<div class="mdc-text-field mdc-text-field--outlined mdc-text-field--with-leading-icon mdc-text-field--disabled custom-disabled-colors-text-field--icon-color">
305305
<i class="material-icons mdc-text-field__icon" tabindex="0" role="button">event</i>
306-
<input type="text" id="outlined-text-field-with-value" class="mdc-text-field__input test-text-field__input" value="Filled value" disabled>
306+
<input type="text" id="outlined-text-field-with-value--icon-color" class="mdc-text-field__input test-text-field__input" value="Filled value" disabled>
307307
<div class="mdc-notched-outline mdc-notched-outline--notched">
308308
<div class="mdc-notched-outline__leading"></div>
309309
<div class="mdc-notched-outline__notch">
310-
<label for="outlined-text-field-with-value" class="mdc-floating-label mdc-floating-label--float-above">Label</label>
310+
<label for="outlined-text-field-with-value--icon-color" class="mdc-floating-label mdc-floating-label--float-above">Label</label>
311311
</div>
312312
<div class="mdc-notched-outline__trailing"></div>
313313
</div>

0 commit comments

Comments
 (0)