Problem/Motivation

The problem:
The Claro admin theme's layout breaks when you try to add a long string to the CKEditor5 window.

Steps to reproduce

You need a Drupal instance with a Basic page content type that has a body field which uses a text format that uses CKEditor5.
Try to create a new node and add a long string, which is at least 200 characters long to be sure to see the issue.
You will experience that the distance/gap between the main region and secondary region becomes huge, you probably need to zoom out to find anything but the white background.

Proposed resolution

Add theming changes to Claro.

Remaining tasks

User interface changes

API changes

Data model changes

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

peterbihari created an issue. See original summary.

peterbihari’s picture

FileSize
738 bytes

The CSS change in this patch solves the above mentioned layout issue in Claro.

peterbihari’s picture

Status: Active » Needs review
peterbihari’s picture

The previous patch does not work. I upload a new patch complete with the missing .css file.

francismak’s picture

For our case, we were having a very long URL in the a tag. When clicking the 'source' button, the layout break. It only happens to two columns layout in claro.

Unfortunately, the patch above not working in our particular case. Attached our patch for reference.
Tested in Drupal 10.1.4.