PDA

View Full Version : [1.1.0] badgeText wrong placement when TabBar is docked at top



mitchellsimoens
29 Mar 2011, 11:37 AM
var test = new Ext.TabPanel({
fullscreen : true,
items : [{
title : 'Tab 1',
html : 'Tab 1'
},{
title : 'Tab 2',
badgeText : '1',
html : 'Tab 2'
},{
title : 'Tab 3',
html : 'Tab 3'
}]
});

Tab 2's badgeText will be to the right of the TabBar.

@mike.estes' fix:


.x-tabbar.x-docked-top .x-tab {
position: relative;
}
.x-tabbar.x-docked-top .x-tab .x-badge {
font-size: .5em;
right: -.5em;
}

This only happens when it is at the top. If you place the TabBar at the bottom, it is aligned properly.