Long string breaks the layout of Claro (reapply fix)

Created on 3 July 2024, 2 months ago
Updated 2 August 2024, about 1 month ago

We noticed that issue 2519362 improving menu edit form usability ( https://www.drupal.org/i/2519362 ) reverted for 10.3. the fix for long stings breaking node edit form that was fixed with a 1-line css change for 10.2 in issue 3400762 ( https://www.drupal.org/i/3400762 ) where the pcss file containing the codeline was renamed.

For more details about the problem addressed see the original issue 🐛 Long string breaks the layout of Claro Fixed .

Proposed resolution

On core/themes/claro/css/layout/form-two-columns.css line 23 instead of

grid-template-columns: 3fr minmax(22.5rem, 1fr);

we just need to add the second minmax function

grid-template-columns: minmax(0, 3fr) minmax(22.5rem, 1fr);

User interface changes

No changes while editing content without long strings (longer than form column width). Content with long strings will have same layout as contemt without long strings.

🐛 Bug report
Status

Fixed

Version

10.3

Component
Claro 

Last updated 1 day ago

Created by

🇫🇮Finland simohell

Live updates comments and jobs are added and updated live.
  • Usability

    Makes Drupal easier to use. Preferred over UX, D7UX, etc.

Sign in to follow issues

Merge Requests

Comments & Activities

Production build 0.71.5 2024