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

Fix report table display #3827

Closed
paulirish opened this issue Nov 15, 2017 · 3 comments · Fixed by #4232
Closed

Fix report table display #3827

paulirish opened this issue Nov 15, 2017 · 3 comments · Fixed by #4232

Comments

@paulirish
Copy link
Member

paulirish commented Nov 15, 2017

for example:
image

if i remove table-layout:fixed the columns get auto-sized and it looks WAY better:
image

however doing this means a long URL can extend the table to be too long:
image

We just need some CSS massaging to make these tables more reasonable.

Related issue: Don't truncate actual text (file names) #1975


also we may want a solution like pagination to handle really long tables (like in accessibility)

@ncovercash
Copy link

Should also be noted that the table appears incorrectly in dark mode with rows alternating dark background with white text and white background with white text.

@paulirish
Copy link
Member Author

@smileytechguy hows this look?

image

@ncovercash
Copy link

@paulirish actually readable! nice job!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants