Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(42)

Side by Side Diff: third_party/WebKit/Source/devtools/front_end/audits2/lighthouse/templates.html

Issue 2863533002: DevTools: Roll lighthouse w/ artifact delivery (Closed)
Patch Set: extra roll of css tweaks Created 3 years, 7 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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
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
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>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698