I have a touch app with a theme that customizes the look of Ext.MessageBox instances

The JS in applyTitle is forcing minHeight though and causing conflicts:


http://ift.tt/1wxS6wn


Why is there theme-specific logic and !important sizing hard coded into JS and out of reach of our theme to customize? It seems to me that this code doesn't at all belong in there...


Update

Here's an override that can defeat it:



Code:



Ext.define('MyTouchApp.override.MessageBoxTitle', {
        override: 'Ext.MessageBox',

        applyTitle: function(config) {
        if (typeof config == "string") {
            config = {
                title: config
            };
        }

        config.minHeight = 'auto';

        return this.callParent([config]);
        }
});