Button labels should not wrap

indiana-university / rivet-docs

Website and documentation for Rivet, Indiana University’s design system for web application development

https://rivet.iu.edu/

BSD 3-Clause "New" or "Revised" License

7 stars 3 forks source link

Button labels should not wrap #132

Closed basham closed 5 years ago

basham commented 5 years ago

Button labels should never span more than one line of text. However, when resizing the viewport, sometimes things get a bit squished and it forces multi-word buttons to wrap. Prevent this from happening. Update to:

.rvt-button {
  white-space: nowrap;
}

rivet-issue-bot[bot] commented 5 years ago

@basham Thanks for opening this issue! We appreciate you helping make Rivet better. :raised_hands:

A member of the Rivet team will take a look at this issue shortly. In the meantime, check out the Rivet wiki to learn more about our project management, issue tracking, and development processes.

illusivesunrae commented 5 years ago

Due to the non-opinionated approach Rivet takes and situations in which labels may need to wrap on mobile, the Rivet team has decided to create cautionary language against long button text; however, we will not be forcing no-wrap. This documentation improvement is now live. It was pulled in with PR #130.