Add word-break to EthAddress

ConsenSysMesh / rimble-ui

React components that implement Rimble's Design System.

https://rimble.consensys.design/

MIT License

461 stars 67 forks source link

Add word-break to EthAddress #328

Closed MikeLockz closed 4 years ago

MikeLockz commented 5 years ago

Describe the bug When an EthAddress component extends past its container element, the address text does not wrap to stay inside. This causes issues on mobile where the full address isn't visible.

To Reproduce Steps to reproduce the behavior: https://codesandbox.io/embed/card-text-wrap-bug-4f4jx

Expected behavior The EthAddress should have the word-break: all property set by default.

Screenshots

Rimble UI Version

0.9.3 (latest)

MikeLockz commented 5 years ago

We might want to include wordBreak as a component prop on all text-based components - Relates to #294