PDA

View Full Version : [CLOSED] Icon alignment regression on button



ElCondor1969
6 Jul 2015, 10:35 PM
Hi to all.

Tested with Chrome 43.0.2357.130 m and IE11.

Please consider the following fiddle:

https://fiddle.sencha.com/#fiddle/put

Select the version of the library "Ext JS 4.2.1.883 Classic" and then launch the fiddle.
As you can see, the icons of the two buttons at the bottom are properly aligning to the left side. In fact, the config "iconAlign" is "left" for both.

Now select the library version "Ext JS Classic 6.0.0.640 [Classic]" and then launch again the fiddle.
As you can see, unlike the previous right case, the icons of the two buttons are not aligned on the left, but in the center, even though the config option "iconAlign" is "left".


In my opinion this is a clear case of regression.

This bug occurs for each version of the 5 of ExtJS too.

Bye.

Sergio.

Gary Schlosberg
23 Jul 2015, 1:39 PM
Thanks for the report! I have opened a bug in our bug tracker.

guilherme.lopes
24 Jul 2015, 12:43 AM
Hi Sergio,

The alignIcon config is used to inform on which side of the button the icon will be placed. If you want the icon all the way to the left you could use textAlign: 'left'.

If you want the icon on the left and the text centered, you can add this CSS to your app



.x-btn-text.x-btn-icon-left > .x-btn-icon-el-default-small {
float: left;
}


Thanks,

Gil