[FIXED][PR3] Disabled css is not set on button (when disabled)

[flanders]

When using an button in a toolbar and setting it "disabled: true", the button does not 'light up' when hovered over and is not pressable (as I expect), however it's disabled (grey) state is not displayed (as I didn't expect)

In Firefox 3.6.14 & Chromium 9.0.597.107 (75357)
On Ubuntu 10.10

Ext.define('wjv.MainToolbar', {
	extend: 'Ext.Toolbar',
	
    initComponent: function() {
        Ext.apply(this, {
        	id: 'main-toolbar',
			items: [{
				cls: 'x-btn-text-icon',
				handler: function() {
					Ext.getCmp('panel-container').setContained(new wjv.LocationsGrid({}));
				},
				icon: 'images/icons/building.png',
				text: 'Locaties',
				xtype: 'button'
			}, '|', {
				cls: 'x-btn-text-icon',
				icon: 'images/icons/user.png',
				text: 'Bewoners',
				xtype: 'button'
			}, '|', {
				cls: 'x-btn-text-icon',
				icon: 'images/icons/user_red.png',
				text: 'Gebruikers',
				xtype: 'button'
			}, '->', {
				cls: 'x-btn-text-icon',
				icon: 'images/icons/help.png',
				text: 'Help',
				xtype: 'button'
			}, '|', { 	
				cls: 'x-btn-text-icon',
				disabled: true,
				icon: 'images/icons/logout.png',
				text: 'Uitloggen',
				xtype: 'button'
			}]
        });
 
        wjv.MainToolbar.superclass.initComponent.apply(this, arguments);
    }
});

    			var menuBar = new wjv.MainToolbar({
					renderTo: 'main-toolbar'
				});

[rdougan]

Will take a look, thanks.

[flanders]

I just found out:
- The issue didnt exist yet in PR2
- The issue doesnt exist in IE8 (8.0.7600.16385)

[rdougan]

I've fixed this today.