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
The buttons of the CKEditor toolbar configuration interface are mis sized.
Proposed resolution
Set the box-sizing
of the buttons to content-box
:
.ckeditor-buttons li .cke-icon-only {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
Remaining tasks
- Review the proposed patch.
- If the patch is accepted, apply this correction to the SASS sources and generate the CSS files from the LESS sources.
Original report by wheretoplaygames
Comment | File | Size | Author |
---|---|---|---|
#6 | bootstrap-mis-sized-buttons-of-ckeditor-toolbar-configuration-interface-2824054-00.patch | 865 bytes | Maxime Gilbert |
Comments
Comment #2
wheretoplaygames CreditAttribution: wheretoplaygames commentedComment #3
Wim LeersPlease provide a screencast that demonstrates the problems.
Comment #4
wheretoplaygames CreditAttribution: wheretoplaygames commentedI was using a bootstrap 3 theme as the admin theme, which was causing the issues. I changed the admin theme to Bartik and everything works as expected now.
Comment #5
Wim LeersGreat, thanks for checking that! Moving to the appropriate issue queue.
Comment #6
Maxime Gilbert CreditAttribution: Maxime Gilbert as a volunteer commentedComment #7
Maxime Gilbert CreditAttribution: Maxime Gilbert as a volunteer commentedComment #8
Maxime Gilbert CreditAttribution: Maxime Gilbert as a volunteer commentedRecredit wheretoplaygames for his original report.
Comment #9
markhalliwellThe Drupal Bootstrap base theme is not intended (out-of-the-box) to be an administrative theme, hence the various issues. Moving to the, even more, appropriate IQ to be dealt with (eventually).