riptano / docs-ui

The UI and theme for DataStax Docs.
https://riptano.github.io/docs-ui/
Mozilla Public License 2.0
2 stars 0 forks source link

Improve tab title wrapping #78

Closed eric-schneider closed 6 months ago

eric-schneider commented 6 months ago

For tabsets, the tab titles should have a more elegant text wrapping solution that allows tab titles to automatically scale appropriately across different width constraints.

We should probably set a minimum and maximum tab title width that looks good, and then allow for wrapping to a second line when the width is constrained. Not sure if we should allow wrapping to a third line, but we should set a maximum number of lines to wrap, after which the title overflows into ellipses (or something along those lines).

eric-schneider commented 6 months ago

Examples of tab overflow styles: https://mui.com/material-ui/react-tabs/#wrapped-labels

gopalchobey9 commented 6 months ago

can you explain more... like folder and file