Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

report: set min-width on code table column #11359

Merged
merged 2 commits into from
Sep 2, 2020

Conversation

Nooshu
Copy link

@Nooshu Nooshu commented Sep 1, 2020

Without an explicit width on this column with the potential for a large amount of content, there are some audit results that become unreadable.

Summary
This is a bugfix, as the results from some audits become unreadable depending on the content. I noticed this when examining SEO results under the audit 'robots.txt is not valid'. Lighthouse version 6.0.0. A width of 80% was chosen in this instance as it allows the 'Error' column to be read.

Update: After feedback a min-width solution of 100px is a much better fit.

Before:
Screenshot 2020-09-01 at 11 18 30

After:
Screenshot 2020-09-01 at 11 20 45

Related Issues/PRs
None?

Without an explicit width on this column with the potential for a large amount of content, there are some audit results that become unreadable.
Copy link
Collaborator

@patrickhulce patrickhulce left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

thanks very much for the contribution @Nooshu! :)

lighthouse-core/report/html/report-styles.css Outdated Show resolved Hide resolved
Copy link
Collaborator

@patrickhulce patrickhulce left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

cool beans, thanks @Nooshu!

@patrickhulce patrickhulce changed the title Set explicit width on table code column report: set min-width on code table column Sep 1, 2020
@Beytoven Beytoven merged commit 3bfa2b5 into GoogleChrome:master Sep 2, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants