search

carbon-design-system / ibm-products

A Carbon-powered React component library for IBM Products
https://carbon-for-ibm-products.netlify.app/
Apache License 2.0
90 stars 131 forks source link

Look into alternative approach to `title` attribute for long text #4565

Open elycheea opened 4 months ago

elycheea commented 4 months ago

The filter panel (and the labels) have very limited horizontal space. It's easy for database-driven labels to be long enough to get cut off. A title would at least allow a user to hover over the label and see the full text.

This has been a theme that’s come up in discussion with @kristastarr on the Datagrid reviews too. I think we can keep as is for this first PR even though I don’t think this is preferred behavior based on what I’ve started reading.

Since it applies to Datagrid as well, I think we should open this as further issue/discussion.

_Originally posted by @elycheea in https://github.com/carbon-design-system/ibm-products/pull/4563#discussion_r1526835919_

### Tasks
- [ ] Update in filter titles
- [ ] https://github.com/carbon-design-system/ibm-products/issues/4581
- [ ] Update in tearsheet description
- [ ] Update in page header description
paul-balchin-ibm commented 4 months ago

Years ago I had demoed variant layouts for showing multiple values per cell in a table. For some apps this seems to be a common problem. CodeSandBox. This might add to the conversation.

The last example at the bottom of the last page might be the most useful.

(Please forgive the clumsy coding and documentation; it was early days and I was in a rush. 😅)