wrap text for web component

hubmapconsortium / hra-ui

HRA UIs Monorepo (includes HRA Portal, EUI, RUI, ASCT+B Reporter, and more)

MIT License

4 stars 2 forks source link

wrap text for web component #312

Closed LibbyUX closed 3 months ago

LibbyUX commented 8 months ago

Hey team, I didn't realize how big this web component would be in production. Initially, I designed it to fit within a small fixed width, which is why I had each sentence of text spaced out. Can we iterate further and see how this web component looks with wrapped text?

Figma

I mocked up a few changes in Figma here:

Figma design file: Web component title card

bherr2 commented 8 months ago

It is supposed to fit into smaller pages. I think what we have on production doesn't demonstrate well how this should actually be used in a webpage.

LibbyUX commented 8 months ago

Sounds good, I'll close this out. Thank you, @bherr2!

LibbyUX commented 8 months ago

@bherr2 - I thought about this a little further, can we try this? I suspect it would look more cohesive to have three short sentences together in the container wrapping around, instead of spacing out each sentence like I specified initially.