Unplanned
Last Updated: 10 Mar 2020 16:10 by ADMIN

If you have a button in the ToolBar that uses an image(rather than an icon/font), the image's vertical alignment is different in the overflow area than it is in the main ToolBar area.

The button in the overflow area has the image up too high compared to the text, which also causes the button to be taller than the "main" button as well as taller than other overflow buttons using an icon/font.

Dojo example

 

The example is simple 2 buttons(one using an icon and one with an image) with overflow: "both" so you can see both styles at the same time for comparison.

The icon button is the same in both places while the image button in the overflow area is different/taller/etc.

 

Is this a bug or expected behaviour?  If it is a bug, is there any appropriate custom CSS to make the styling consistent?

 

Thanks.