From d3436e44949241fed3c92bf409ece4e868ee46a8 Mon Sep 17 00:00:00 2001 From: Ward Peeters Date: Wed, 19 Sep 2018 21:54:14 +0200 Subject: [PATCH 1/3] fix(report): align table headings & columns left & right --- lighthouse-core/report/html/report-styles.css | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/lighthouse-core/report/html/report-styles.css b/lighthouse-core/report/html/report-styles.css index 7bba98095927..da045201262c 100644 --- a/lighthouse-core/report/html/report-styles.css +++ b/lighthouse-core/report/html/report-styles.css @@ -906,19 +906,25 @@ summary.lh-passed-audits-summary { padding: 8px 6px; } + .lh-table-column--text, +.lh-table-column--url, +.lh-table-column--node { + text-align: left; +} + .lh-table-column--bytes, .lh-table-column--timespanMs, .lh-table-column--ms { text-align: right; } + .lh-table-column--thumbnail { width: calc(var(--image-preview-size) * 2); } .lh-table-column--url { - text-align: left; min-width: 250px; white-space: nowrap; max-width: 0; From ad3c88cf088736b1a136dc45b3e40d92ac0e2a46 Mon Sep 17 00:00:00 2001 From: Ward Peeters Date: Wed, 19 Sep 2018 21:59:14 +0200 Subject: [PATCH 2/3] nuke whiteline --- lighthouse-core/report/html/report-styles.css | 1 - 1 file changed, 1 deletion(-) diff --git a/lighthouse-core/report/html/report-styles.css b/lighthouse-core/report/html/report-styles.css index da045201262c..be30c7a4e65c 100644 --- a/lighthouse-core/report/html/report-styles.css +++ b/lighthouse-core/report/html/report-styles.css @@ -906,7 +906,6 @@ summary.lh-passed-audits-summary { padding: 8px 6px; } - .lh-table-column--text, .lh-table-column--url, .lh-table-column--node { From c10b7aa118680ec1d76a0d908bc1b3ec86c02805 Mon Sep 17 00:00:00 2001 From: Ward Peeters Date: Thu, 20 Sep 2018 22:28:09 +0200 Subject: [PATCH 3/3] add all possible column items to the list --- lighthouse-core/report/html/report-styles.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/lighthouse-core/report/html/report-styles.css b/lighthouse-core/report/html/report-styles.css index be30c7a4e65c..018537142d1c 100644 --- a/lighthouse-core/report/html/report-styles.css +++ b/lighthouse-core/report/html/report-styles.css @@ -906,8 +906,12 @@ summary.lh-passed-audits-summary { padding: 8px 6px; } +/* Looks unnecessary, but mostly for keeping the s left-aligned */ .lh-table-column--text, .lh-table-column--url, +/* .lh-table-column--thumbnail, */ +/* .lh-table-column--empty,*/ +.lh-table-column--code, .lh-table-column--node { text-align: left; }