OLD | NEW |
1 <!-- Lighthouse category score --> | 1 <!-- Lighthouse category score --> |
2 <template id="tmpl-lh-category-score"> | 2 <template id="tmpl-lh-category-score"> |
3 <div class="lh-score"> | 3 <div class="lh-score"> |
4 <div class="lh-score__value"><!-- fill me --></div> | 4 <div class="lh-score__value"><!-- fill me --></div> |
| 5 <div class="lh-score__gauge"></div> |
5 <div class="lh-score__header"> | 6 <div class="lh-score__header"> |
6 <div class="lh-score__snippet"> | 7 <div class="lh-score__snippet"> |
7 <span class="lh-score__title"><!-- fill me --></span> | 8 <span class="lh-score__title"><!-- fill me --></span> |
8 </div> | 9 </div> |
9 <div class="lh-score__description"><!-- fill me --></div> | 10 <div class="lh-score__description"><!-- fill me --></div> |
10 </div> | 11 </div> |
11 </div> | 12 </div> |
12 </template> | 13 </template> |
13 | 14 |
14 <!-- Lighthouse audit score --> | 15 <!-- Lighthouse audit score --> |
15 <template id="tmpl-lh-audit-score"> | 16 <template id="tmpl-lh-audit-score"> |
16 <div class="lh-score"> | 17 <div class="lh-score"> |
17 <div class="lh-score__value"><!-- fill me --></div> | 18 <div class="lh-score__value"><!-- fill me --></div> |
18 <details class="lh-score__header"> | 19 <details class="lh-score__header lh-expandable-details"> |
19 <summary class="lh-score__snippet"> | 20 <summary class="lh-score__snippet lh-expandable-details__summary"> |
20 <span class="lh-score__title"><!-- fill me --></span> | 21 <span class="lh-score__title"><!-- fill me --></span> |
21 <div class="lh-toggle-arrow" title="See audits"></div> | 22 <div class="lh-toggle-arrow" title="See audits"></div> |
22 </summary> | 23 </summary> |
23 <div class="lh-score__description"><!-- fill me --></div> | 24 <div class="lh-score__description"><!-- fill me --></div> |
24 </details> | 25 </details> |
25 </div> | 26 </div> |
26 </template> | 27 </template> |
27 | 28 |
28 <!-- Lighthouse left nav --> | 29 <!-- Lighthouse left nav --> |
29 <template id="tmpl-lh-leftnav"> | 30 <template id="tmpl-lh-leftnav"> |
(...skipping 12 matching lines...) Expand all Loading... |
42 color: var(--secondary-text-color); | 43 color: var(--secondary-text-color); |
43 font-size: 16px; | 44 font-size: 16px; |
44 display: flex; | 45 display: flex; |
45 justify-content: space-between; | 46 justify-content: space-between; |
46 text-decoration: none; | 47 text-decoration: none; |
47 color: inherit; | 48 color: inherit; |
48 } | 49 } |
49 .leftnav-item__score { | 50 .leftnav-item__score { |
50 background: transparent; | 51 background: transparent; |
51 } | 52 } |
| 53 .leftnav-item__score::after { |
| 54 content: ''; |
| 55 } |
52 .leftnav-item__score.lh-score__value--pass { | 56 .leftnav-item__score.lh-score__value--pass { |
53 color: var(--pass-color); | 57 color: var(--pass-color); |
54 } | 58 } |
55 .leftnav-item__score.lh-score__value--average { | 59 .leftnav-item__score.lh-score__value--average { |
56 color: var(--average-color); | 60 color: var(--average-color); |
57 } | 61 } |
58 .leftnav-item__score.lh-score__value--fail { | 62 .leftnav-item__score.lh-score__value--fail { |
59 color: var(--fail-color); | 63 color: var(--fail-color); |
60 } | 64 } |
61 .leftnav__header { | 65 .leftnav__header { |
(...skipping 350 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
412 <div class="lh-gauge__mask lh-gauge__mask--half"> | 416 <div class="lh-gauge__mask lh-gauge__mask--half"> |
413 <div class="lh-gauge__fill"></div> | 417 <div class="lh-gauge__fill"></div> |
414 <div class="lh-gauge__fill lh-gauge__fill--fix"></div> | 418 <div class="lh-gauge__fill lh-gauge__fill--fix"></div> |
415 </div> | 419 </div> |
416 </div> | 420 </div> |
417 <div class="lh-gauge__percentage"></div> | 421 <div class="lh-gauge__percentage"></div> |
418 </div> | 422 </div> |
419 <div class="lh-gauge__label"><!-- fill me --></div> | 423 <div class="lh-gauge__label"><!-- fill me --></div> |
420 </a> | 424 </a> |
421 </template> | 425 </template> |
OLD | NEW |