Thoughts for using CSS/sass on orientation changes

[dward]

Given what Mitchell shared in this post regarding the default Viewport firing an orientation change, it seems like it would be trivial to have a listener in the user configuration for Ext.app.Application catch that event and then swap in and out specific CSS styles.

So for views in landscape that get scrunched up for sizing reasons, you could then have CSS rule's like

.orient-portrait .myclass {
font-size: 12px;
}

.orient-landscape .myclass {
font-size: 18px;
}

to deal with orientation change without a lot of javascript cluttering up your business logic. Has anyone tried this or something like it? It seems like it should work.

[mitchellsimoens]

So you would add the different CSS to the Ext.Viewport? That would work, be careful how complex your CSS gets as it may have an affect on performance.