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__gauge"></div> |
6 <div class="lh-score__header"> | 6 <div class="lh-score__header"> |
7 <div class="lh-score__snippet"> | 7 <div class="lh-score__snippet"> |
8 <span class="lh-score__title"><!-- fill me --></span> | 8 <span class="lh-score__title"><!-- fill me --></span> |
9 </div> | 9 </div> |
10 <div class="lh-score__description"><!-- fill me --></div> | 10 <div class="lh-score__description"><!-- fill me --></div> |
(...skipping 390 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
401 justify-content: center; | 401 justify-content: center; |
402 font-size: calc(var(--circle-size) / 3); | 402 font-size: calc(var(--circle-size) / 3); |
403 } | 403 } |
404 .lh-gauge__wrapper { | 404 .lh-gauge__wrapper { |
405 display: inline-flex; | 405 display: inline-flex; |
406 align-items: center; | 406 align-items: center; |
407 flex-direction: column; | 407 flex-direction: column; |
408 text-decoration: none; | 408 text-decoration: none; |
409 color: inherit; | 409 color: inherit; |
410 flex: 1; | 410 flex: 1; |
| 411 min-width: auto; |
| 412 position: relative; |
411 } | 413 } |
412 .lh-gauge__label { | 414 .lh-gauge__label { |
413 font-size: 16px; | 415 font-size: 16px; |
414 margin-top: var(--default-padding); | 416 margin-top: var(--default-padding); |
| 417 text-align: center; |
415 } | 418 } |
416 @media screen and (max-width: 767px) { | 419 @media screen and (max-width: 767px) { |
417 .lh-gauge__label { | 420 .lh-gauge__label { |
418 font-size: 12px; | 421 font-size: 12px; |
419 } | 422 } |
420 } | 423 } |
421 </style> | 424 </style> |
422 <a href="#" class="lh-gauge__wrapper"> | 425 <a href="#" class="lh-gauge__wrapper"> |
423 <div class="lh-gauge" data-progress="0"> | 426 <div class="lh-gauge" data-progress="0"> |
424 <div class="lh-gauge__circle"> | 427 <div class="lh-gauge__circle"> |
(...skipping 78 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
503 <span class="crc-node__tree-value"> | 506 <span class="crc-node__tree-value"> |
504 <span class="crc-node__tree-file"><!-- fill me: node.request.url.fil
e --></span> | 507 <span class="crc-node__tree-file"><!-- fill me: node.request.url.fil
e --></span> |
505 <span class="crc-node__tree-hostname">(<!-- fill me: node.request.ur
l.host -->)</span> | 508 <span class="crc-node__tree-hostname">(<!-- fill me: node.request.ur
l.host -->)</span> |
506 <!-- fill me --> | 509 <!-- fill me --> |
507 </span> | 510 </span> |
508 </div> | 511 </div> |
509 </template> | 512 </template> |
510 </details> | 513 </details> |
511 </div> | 514 </div> |
512 </template> | 515 </template> |
OLD | NEW |