CSS affects the entire toolbar

Created on 18 March 2024, 8 months ago
Updated 5 April 2024, 8 months ago

Problem/Motivation

The layout.css file is very generic, applying to all toolbar elements. Including the tool grouper when there is no space. If there is a tool with a list options within the group then it will not be displayed properly.

Example:

A toolbar with many tools with space:

Then when you resize the window and no longer have space. It is expected that the list of options will still work.

But when you install the module the list stops working properly.

Steps to reproduce

Configure an editor with many tools, for example Full HTML. Leave the Heading tool at the end of the toolbar. Test the editor with little space so that the group of tools is generated, a 3-point button should appear and the Heading tool inside.

In the editor write a text, then go to the group and select Heading to display the options and they will not be displayed properly.

Proposed resolution

Add a class to the Template button and adjust the CSS to be specific to that tool.

Remaining tasks

Does not apply

User interface changes

Does not apply

API changes

Does not apply

Data model changes

Does not apply

🐛 Bug report
Status

Fixed

Version

1.0

Component

Code

Created by

🇨🇱Chile mnico Santiago, Chile

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Merge Requests

Comments & Activities

Production build 0.71.5 2024