For qx.ui.basic.Image with a font source, this makes the line-height style property of its content element to be set to 1 (i.e. line height same as font height). This is because, currently, line-height is set to its default normal, which is around 1.2 in most browsers. This causes the glyph to be shifted downwards by a few pixels, and sometimes slightly bottom-cropped. Only happens in some browsers, such as Firefox. Images:.
To reproduce, open https://zenesisuk.github.io/zx-ui-theme-avocado.github.io/ in Firefox. You should be able to notice that most icons are slightly too low. Try setting the CSS line-height properties of the icons to '1' and it should fix this issue.
For qx.ui.basic.Image with a font source, this makes the
line-height
style property of its content element to be set to 1 (i.e. line height same as font height). This is because, currently,line-height
is set to its defaultnormal
, which is around 1.2 in most browsers. This causes the glyph to be shifted downwards by a few pixels, and sometimes slightly bottom-cropped. Only happens in some browsers, such as Firefox. Images:.To reproduce, open https://zenesisuk.github.io/zx-ui-theme-avocado.github.io/ in Firefox. You should be able to notice that most icons are slightly too low. Try setting the CSS
line-height
properties of the icons to '1' and it should fix this issue.