Skip to content

Automated toolbar resizing

  • Removed hardcoded menu buttons and popovers from the UI and source files of the toolbars, along with the ToolbarMenuButton widget.

  • Implemented logic to automatically determine the total number of menu buttons needed, their positions, and the children belonging to each menu button.

  • Now, whenever a child moves between the toolbar and the popover, the icon of the menu button will be updated.

  • During shrinking operations, the icon will be determined by the most recently moved child.

  • During expansion, the icon will be determined by the next item to be popped out of the popover.

  • Added animation to the toolbar menu button.

  • Introduced priority and group size settings in toolbar menu buttons.

  • To mark a toolbar child widget as movable, simply add the priority<number> CSS style class to the child. The higher the priority, the earlier the child will be moved into the popover.

  • Adjusted the number of children moving in and out of the popovers during one resize operation per menu button. This can be achieved by attaching the groupsize<number> CSS class to any of the children of a movable group. The default group size is set to 1. The final group size will be determined by the last child in the group having the groupsize<number> class attached to it.

  • Both the priority<number> and the groupsize<number> classes are detected case-insensitively.

Also fixes: #4818 (closed)

Edited by Vaibhav Malik

Merge request reports