Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
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
Comment | File | Size | Author |
---|---|---|---|
#5 | Screenshot-ck5-long-url.png | 156.19 KB | francismak |
#5 | claro-ck5-long-url.patch | 407 bytes | francismak |
#4 | claro-layout-3400204-4.patch | 1.43 KB | peterbihari |
#2 | claro-layout-3400204-2.patch | 738 bytes | peterbihari |
long-string-breaks-layout.png | 556.51 KB | peterbihari |
Comments
Comment #2
peterbihari CreditAttribution: peterbihari commentedThe CSS change in this patch solves the above mentioned layout issue in Claro.
Comment #3
peterbihari CreditAttribution: peterbihari commentedComment #4
peterbihari CreditAttribution: peterbihari commentedThe previous patch does not work. I upload a new patch complete with the missing .css file.
Comment #5
francismak CreditAttribution: francismak as a volunteer commentedFor 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.