Form item white-space: nowrap causes long lines and a horizontal scrollbar

Created on 3 April 2017, over 7 years ago
Updated 12 April 2024, 5 months ago

Problem/Motivation

system.theme.css declares:

tr.odd .form-item,
tr.even .form-item {
  margin-top: 0;
  margin-bottom: 0;
  white-space: nowrap;
}

This causes very wide form items when it contains a long text, such as input format guidelines:

This was fixed in D8: #2372023: Description of display settings takes too much space

Proposed resolution

Remove the white-space: nowrap; similar to the fix in D8: #2372023: Description of display settings takes too much space

Remaining tasks

  1. Write a patch
  2. Review
  3. Commit

User interface changes

Long text values wrap correctly in form items.

API changes

None

Data model changes

None

🐛 Bug report
Status

Closed: cannot reproduce

Version

7.0 ⚰️

Component
CSS 

Last updated 1 day ago

Created by

🇳🇱Netherlands idebr

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Production build 0.71.5 2024