cms
cms copied to clipboard
craftcms
[5.x]: Misalignment in entry indexes with icons and thumbnails
What happened?
Description
In the latest alpha versions of Craft 5 there is either an icon, a thumbnail, or nothing before the entry titles in entry indexes, depending on the entry type settings.
This is nice and helpful for scanning the table (although I have my reservations for asset thumbnails appearing by default, because of the delay they cause).
What could be improved is the alignment between titles when there is a mix of the above cases (icon, thumbnail, no content):
This is not merely a matter of aesthetics; it makes it harder to read the table and easy to misread the hierarchy of entries, because entries with a larger title indent appear visualy to be nested under entries with smaller or zero indent.
I'm not sure how you would want to solve this. A possible fix would be to use the largest indent for all entries in a current view.
Craft CMS version
5.0.0-alpha.13
PHP version
No response
Operating system and version
No response
Database type and version
No response
Image driver and version
No response
Installed plugins and versions
I’m not entirely sure how to solve this either.
I could use :has on the elements container to force all elements to have the same left-padding if any of them have a thumbnail, etc., but that would look really awkward for elements with no icon or thumbnail. Maybe those elements just don’t get any padding at all? So we’re at least down to two levels of indentation, which is better than three.
I think if you also apply the padding to the Entry column heading it doesn't look awkward. Take a look at the mockup below:
Even if most of the entries don't have an icon or thumbnail, it looks fine IMO:
Also notice that I slightly adjusted the gap between the icon and the status indicator.