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

Strangely wide first column in packages list #356

Open
fingolfin opened this issue Aug 29, 2024 · 1 comment
Open

Strangely wide first column in packages list #356

fingolfin opened this issue Aug 29, 2024 · 1 comment

Comments

@fingolfin
Copy link
Member

I wonder why the first column in the packages table is so wide, see screenshot. Tested in Safari, Firefox, Vivaldi (which is based on Chrome).

Screen Shot 2024-03-18 at 17 28 03

This is particularly annoying when viewing that list on a smartphone. So if anyone has an idea how to fix this...

@stertooy
Copy link

This happens because the just-the-docs theme sets the minimum width for table headers and data cells to 7.5rem:

https://github.com/just-the-docs/just-the-docs/blob/f3d1be7f9d1b7d94a781ebdd9cd74a254edde4fd/_sass/tables.scss#L22-L24

This can be overwritten in _sass/custom/custom.scss. However, some columns may get too small and start to wrap... which in turn can be overwritten by setting a custom column width in assets/js/loadPackageTable.js.

Example here, with th, td { min-width: 3rem; } and the Version and Date columns set to a width of 7em to avoid wrapping. Not sure how robust/responsive all of this is, though...

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

No branches or pull requests

2 participants