Skip to content

Commit

Permalink
Force long table cell text to break
Browse files Browse the repository at this point in the history
The resulting line-broken text isn't necessarily pretty, but this does
solve the problem on the API Users page where long email addresses can
result in the <table> being wider than its container
(div.govuk-width-container).

I'm not sure how widely useful this is and therefore how to handle this
when we're ready to merge our other changes back into the components
gem.
  • Loading branch information
mike29736 committed Sep 5, 2023
1 parent 3d1981f commit 7150f8e
Showing 1 changed file with 6 additions and 0 deletions.
6 changes: 6 additions & 0 deletions app/assets/stylesheets/components/_table.scss
Original file line number Diff line number Diff line change
Expand Up @@ -127,3 +127,9 @@ $table-row-even-background-colour: govuk-colour("light-grey", $legacy: "grey-4")
}
}
/* stylelint-enable */

.app-c-table {
tbody tr td {
word-break: break-word;
}
}

0 comments on commit 7150f8e

Please sign in to comment.