Fix text overflow display issues
cbeer opened this issue · comments
@alundgard What should this look like when the item description is long and the description is long too (as seen in @cbeer's example)?
A quick fix may be to set height: fit-content; on the label element .form-control (or a similar solution that makes the row height fit the content). Also seems like an issue for mobile, where every row may be truncated:
@alundgard any concern that the thing that looks like a table header doesn't appear to encompass the width of this label?
It was also that way prior to bs4, right? It's not ideal but probably better than the alternatives: cramming the text content to fit into the Status "column"; or adjusting the container div width, which could get messy on mobile.
Something that could help a bit with that is setting text-align: right; on the span element .pull-right (or similar). So that the status message is right-justified with the Status "column":
@alundgard sul-requests is still on bs3. We haven't migrated it yet. I think this may be related to the switch to folio.