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 thegroupsize<number>
class attached to it. -
Both the
priority<number>
and thegroupsize<number>
classes are detected case-insensitively.
Also fixes: #4818 (closed)