Added 160 and 640 dpi CSS
Project: http://git-wip-us.apache.org/repos/asf/flex-sdk/repo Commit: http://git-wip-us.apache.org/repos/asf/flex-sdk/commit/46117216 Tree: http://git-wip-us.apache.org/repos/asf/flex-sdk/tree/46117216 Diff: http://git-wip-us.apache.org/repos/asf/flex-sdk/diff/46117216 Branch: refs/heads/develop Commit: 461172164fbb7734dc4ce142dbfc6aa7f97aa346 Parents: 70b00d5 Author: Justin Mclean <[email protected]> Authored: Sat Aug 10 14:49:18 2013 +1000 Committer: Justin Mclean <[email protected]> Committed: Sat Aug 10 14:49:18 2013 +1000 ---------------------------------------------------------------------- frameworks/projects/mobiletheme/defaults.css | 197 ++++++++++++++++++++++ 1 file changed, 197 insertions(+) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/46117216/frameworks/projects/mobiletheme/defaults.css ---------------------------------------------------------------------- diff --git a/frameworks/projects/mobiletheme/defaults.css b/frameworks/projects/mobiletheme/defaults.css index 3a11622..f00c8c4 100644 --- a/frameworks/projects/mobiletheme/defaults.css +++ b/frameworks/projects/mobiletheme/defaults.css @@ -419,6 +419,105 @@ global touchDelay: 0; /* default to 0 here, but Scroller sets it to 100 */ } +@media (application-dpi: 120) +{ + ActionBar + { + paddingBottom: 1; + paddingLeft: 0; + paddingRight: 0; + paddingTop: 1; + } + + ActionBar.beveled + { + paddingLeft: 4; + paddingRight: 4; + } + + ActionBar #titleDisplay + { + fontSize: 14; + } + + ActionBar.beveled Group#navigationGroup Button + { + fontSize: 9; + } + + ActionBar.beveled Group#actionGroup Button + { + fontSize: 9; + } + + Callout + { + gap: 6; + } + + IconItemRenderer + { + paddingBottom: 6; + paddingTop: 6; + horizontalGap: 6; + verticalGap: 4; + } + + .iconItemRendererMessageStyle + { + fontSize: 8; + } + + LabelItemRenderer + { + paddingBottom: 12; + paddingLeft: 8; + paddingRight: 8; + paddingTop: 12; + } + + SpinnerListItemRenderer + { + paddingTop : 9; + paddingBottom : 9; + paddingLeft : 6; + paddingRight : 6; + } + + TextArea + { + paddingBottom: 4; + paddingLeft: 4; + paddingRight: 4; + paddingTop: 4; + } + + TextInput + { + paddingBottom: 4; + paddingLeft: 4; + paddingRight: 4; + paddingTop: 4; + } + + TabbedViewNavigator #tabBar + { + fontSize: 10; + } + + ToggleSwitch + { + fontSize: 13; + } + + global + { + fontSize: 6; + focusThickness: 2; + } +} + + @media (application-dpi: 160) { ActionBar @@ -713,6 +812,104 @@ global } +@media (application-dpi: 640) +{ + ActionBar + { + paddingBottom: 4; + paddingLeft: 0; + paddingRight: 0; + paddingTop: 4; + } + + ActionBar.beveled + { + paddingLeft: 20; + paddingRight: 20; + } + + ActionBar #titleDisplay + { + fontSize: 72; + } + + ActionBar.beveled Group#navigationGroup Button + { + fontSize: 48; + } + + ActionBar.beveled Group#actionGroup Button + { + fontSize: 48; + } + + Callout + { + gap: 32; + } + + IconItemRenderer + { + paddingBottom: 32; + paddingTop: 32; + horizontalGap: 32; + verticalGap: 36; + } + + .iconItemRendererMessageStyle + { + fontSize: 26; + } + + LabelItemRenderer + { + paddingBottom: 64; + paddingLeft: 40; + paddingRight: 40; + paddingTop: 64; + } + + SpinnerListItemRenderer + { + paddingTop : 48; + paddingBottom : 48; + paddingLeft : 48; + paddingRight : 48; + } + + TextArea + { + paddingBottom: 24; + paddingLeft: 24; + paddingRight: 24; + paddingTop: 24; + } + + TextInput + { + paddingBottom: 24; + paddingLeft: 24; + paddingRight: 24; + paddingTop: 24; + } + + TabbedViewNavigator #tabBar + { + fontSize: 56; + } + + ToggleSwitch + { + fontSize: 72; + } + + global + { + fontSize: 64; + } +} + + @media (application-dpi: 160) AND (os-platform:"IOS") { TextArea
