Plugins: Plugin card title cuts off with ellipsis
Closed this issue · 4 comments
When browsing the site, I noticed that sometimes the plugin title is cut off with an ellipsis, but there's still room for more of the title. For example, this one is called "UsersWP – Front-end login form, User Registration, User Profile & Members Directory plugin for WordPress", but it cuts off at the –
Same for this one "Better Messages – Live Chat for WordPress, BuddyPress, PeepSo, Ultimate Member, BuddyBoss"
I would expect to see more of the title before the ….
This is on Mac/Firefox, at full desktop size.
Perhaps this isn't an issue if title guidelines appear to prevent overly long titles?
Hmm, I am not seeing this on Chrome/Safari.
Yeah, I don't see it in Safari. It looks like this uses some webkit properties to get the line-clamp working. Putting display:block on the link fixes it for me:
I added display:block; since it fixes it and it makes logical sense for the element to have that display type.
Adding display:block; broke the outline mechanism on links for plugin cards. I've added a temporary underline for plugin cards. It's a bit of a mess because of the ellipsis implementation and some overflow hidden and forced heights. I think it's good enough for now based on the circumstances but the plugin cards should probably be rebuilt at some point.
Edit:
Reference: https://wordpress.slack.com/archives/C02QB8GMM/p1714012269322099