View Issue Details

IDProjectCategoryView StatusLast Update
0020112phpList 3 applicationInterface - Editorpublic16-11-19 11:41
Reporterduncanc 
PrioritynormalSeverityminorReproducibilityhave not tried
Status newResolutionopen 
Product Version3.4.8 
Target Version3.4.9Fixed in Version 
Summary0020112: CKeditor menus extend the full width of window with Trevelin theme
DescriptionWhen editing a message or template using the ckeditor plugin the drop-down menu for Styles, Fonts etc extend the full width of the page, see screenshot. This is with the Trevelin theme. When using Dressprow the menus are displayed correctly.

This behaviour seems to have always been in Trevelin but no-one raised it as a problem until recently, see https://discuss.phplist.org/t/ckeditor-issues-in-3-4-8/5716

The cause of the wide menu is a css style in phplist-ui-bootlist/css/style.css

.cke{width:100% !important}

After removing that style the menus are displayed correctly. I guess that the style was added to make the editor fill the window instead of being the default 600px wide, which looks clumsy with Trevelin but looks fine with Dressprow. The issue should have been raised against the ckeditor plugin instead.
TagsNo tags attached.

Activities

duncanc

15-11-19 13:56

updater  

trevelin.png (24,137 bytes)
trevelin.png (24,137 bytes)
dressprow.png (38,093 bytes)
dressprow.png (38,093 bytes)

duncanc

15-11-19 14:08

updater  

trevelin 600 width.png (82,047 bytes)
trevelin 600 width.png (82,047 bytes)

duncanc

16-11-19 11:40

updater   ~0062827

Last edited: 16-11-19 11:41

View 3 revisions

I have made a change to the ckeditor plugin to work-around this by setting the width to auto. That rule takes priority over that in style.css. The drop-down menus are now displayed correct width, and the editor fits in the available space with both Trevelin and Dressprow.

A permanent fix is to either remove the rule and let the plugin control the width, or change the width to auto instead of 100%.