You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@flex.apache.org by er...@apache.org on 2014/10/03 11:16:59 UTC
[1/3] git commit: [flex-sdk] [refs/heads/iso7skins] - Remove unneeded
import
Repository: flex-sdk
Updated Branches:
refs/heads/iso7skins 8ea85e5f5 -> cea42d7da
Remove unneeded import
Signed-off-by: Erik de Bruin <er...@ixsoftware.nl>
Project: http://git-wip-us.apache.org/repos/asf/flex-sdk/repo
Commit: http://git-wip-us.apache.org/repos/asf/flex-sdk/commit/b9e6d763
Tree: http://git-wip-us.apache.org/repos/asf/flex-sdk/tree/b9e6d763
Diff: http://git-wip-us.apache.org/repos/asf/flex-sdk/diff/b9e6d763
Branch: refs/heads/iso7skins
Commit: b9e6d76349b8c0b94e9b9fd3d0ed3e1fd9847bc1
Parents: 8ea85e5
Author: Erik de Bruin <er...@ixsoftware.nl>
Authored: Fri Oct 3 10:57:06 2014 +0200
Committer: Erik de Bruin <er...@ixsoftware.nl>
Committed: Fri Oct 3 10:57:06 2014 +0200
----------------------------------------------------------------------
frameworks/projects/mobiletheme/src/spark/skins/ios7/ButtonSkin.as | 1 -
1 file changed, 1 deletion(-)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/b9e6d763/frameworks/projects/mobiletheme/src/spark/skins/ios7/ButtonSkin.as
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/src/spark/skins/ios7/ButtonSkin.as b/frameworks/projects/mobiletheme/src/spark/skins/ios7/ButtonSkin.as
index 91851fe..44f362f 100644
--- a/frameworks/projects/mobiletheme/src/spark/skins/ios7/ButtonSkin.as
+++ b/frameworks/projects/mobiletheme/src/spark/skins/ios7/ButtonSkin.as
@@ -27,7 +27,6 @@ import mx.core.mx_internal;
import mx.events.FlexEvent;
import spark.components.supportClasses.StyleableTextField;
-import spark.skins.ios7.assets.Button_down;
import spark.skins.ios7.assets.Button_up;
import spark.skins.mobile.supportClasses.ButtonSkinBase;
Re: [3/3] git commit: [flex-sdk] [refs/heads/iso7skins] - Prepare dpi
specific styles for iOS7+
Posted by OmPrakash Muppirala <bi...@gmail.com>.
Did you take a look at the Button skin that I checked in last night? Is
that a good reference point?
Thanks,
Om
On Oct 3, 2014 2:39 AM, "Erik de Bruin" <er...@ixsoftware.nl> wrote:
> Ok, this is about as far as I can go without some artwork to serve as an
> example. Is there a reference we’re following that I can look at?
>
> EdB
>
>
>
> On Fri, Oct 3, 2014 at 11:17 AM, <er...@apache.org> wrote:
>
> > Prepare dpi specific styles for iOS7+
> >
> > Integrated the 'status bar' fix (FLEX-33949) into the new dpi specific
> > styles copied from the Android section.
> >
> > Signed-off-by: Erik de Bruin <er...@ixsoftware.nl>
> >
> >
> > Project: http://git-wip-us.apache.org/repos/asf/flex-sdk/repo
> > Commit: http://git-wip-us.apache.org/repos/asf/flex-sdk/commit/cea42d7d
> > Tree: http://git-wip-us.apache.org/repos/asf/flex-sdk/tree/cea42d7d
> > Diff: http://git-wip-us.apache.org/repos/asf/flex-sdk/diff/cea42d7d
> >
> > Branch: refs/heads/iso7skins
> > Commit: cea42d7da8e644fd392053e54fe14830e7249155
> > Parents: b685eae
> > Author: Erik de Bruin <er...@ixsoftware.nl>
> > Authored: Fri Oct 3 11:14:20 2014 +0200
> > Committer: Erik de Bruin <er...@ixsoftware.nl>
> > Committed: Fri Oct 3 11:14:20 2014 +0200
> >
> > ----------------------------------------------------------------------
> > frameworks/projects/mobiletheme/defaults.css | 240
> ++++++++++++++++++----
> > 1 file changed, 199 insertions(+), 41 deletions(-)
> > ----------------------------------------------------------------------
> >
> >
> >
> >
> http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/cea42d7d/frameworks/projects/mobiletheme/defaults.css
> > ----------------------------------------------------------------------
> > diff --git a/frameworks/projects/mobiletheme/defaults.css
> > b/frameworks/projects/mobiletheme/defaults.css
> > index 0b78b0c..8e93db5 100644
> > --- a/frameworks/projects/mobiletheme/defaults.css
> > +++ b/frameworks/projects/mobiletheme/defaults.css
> > @@ -931,48 +931,7 @@ global
> > }
> > }
> >
> > -/* ios 7 status bar
> > -requires new os-version selector (cf FLEX-FLEX-33949)
> > -*/
> >
> > -@media (application-dpi: 120) AND (os-platform:"IOS") AND
> > (min-os-version: 7)
> > -{
> > - Application
> > - {
> > - osStatusBarHeight: 15;
> > - }
> > -}
> > -
> > -@media (application-dpi: 160) AND (os-platform:"IOS") AND
> > (min-os-version: 7)
> > -{
> > - Application {
> > - osStatusBarHeight: 20;
> > - }
> > -}
> > -
> > -@media (application-dpi: 240) AND (os-platform:"IOS") AND
> > (min-os-version: 7)
> > -{
> > - Application
> > - {
> > - osStatusBarHeight: 30;
> > - }
> > -}
> > -
> > -@media (application-dpi: 320) AND (os-platform:"IOS") AND
> > (min-os-version: 7)
> > -{
> > - Application
> > - {
> > - osStatusBarHeight: 40;
> > - }
> > -}
> > -
> > -@media (application-dpi: 480) AND (os-platform:"IOS") AND
> > (min-os-version: 7)
> > -{
> > - Application
> > - {
> > - osStatusBarHeight: 60;
> > - }
> > -}
> >
> > /* ios 7+ new theme */
> >
> > @@ -1205,6 +1164,205 @@ requires new os-version selector (cf
> > FLEX-FLEX-33949)
> >
> > }
> >
> > +@media (os-platform:"IOS") AND (min-os-version: 7) AND (application-dpi:
> > 120)
> > +{
> > + global
> > + {
> > + fontSize: 12;
> > + focusThickness: 2;
> > + }
> > +
> > + ActionBar.beveled
> > + {
> > + paddingLeft: 4;
> > + paddingRight: 4;
> > + }
> > +
> > + ActionBar #titleDisplay
> > + {
> > + fontSize: 14;
> > + }
> > +
> > + Application
> > + {
> > + osStatusBarHeight: 15;
> > + }
> > +
> > + SpinnerListItemRenderer
> > + {
> > + paddingTop : 9;
> > + paddingBottom : 9;
> > + paddingLeft : 3;
> > + paddingRight : 3;
> > + }
> > +
> > + TabbedViewNavigator #tabBar
> > + {
> > + fontSize: 11;
> > + }
> > +}
> > +
> > +@media (os-platform:"IOS") AND (min-os-version: 7) AND (application-dpi:
> > 160)
> > +{
> > + global
> > + {
> > + fontSize: 16;
> > + focusThickness: 2;
> > + }
> > +
> > + ActionBar
> > + {
> > + paddingBottom: 1;
> > + paddingLeft: 0;
> > + paddingRight: 0;
> > + paddingTop: 1;
> > + }
> > +
> > + ActionBar #titleDisplay
> > + {
> > + fontSize: 18;
> > + }
> > +
> > + Application {
> > + osStatusBarHeight: 20;
> > + }
> > +
> > + SpinnerListItemRenderer
> > + {
> > + paddingTop : 12;
> > + paddingBottom : 12;
> > + paddingLeft : 4;
> > + paddingRight : 4;
> > + }
> > +
> > + TabbedViewNavigator #tabBar
> > + {
> > + fontSize: 14;
> > + }
> > +}
> > +
> > +@media (os-platform:"IOS") AND (min-os-version: 7) AND (application-dpi:
> > 240)
> > +{
> > + Application
> > + {
> > + osStatusBarHeight: 30;
> > + }
> > +}
> > +
> > +@media (os-platform:"IOS") AND (min-os-version: 7) AND (application-dpi:
> > 320)
> > +{
> > + global
> > + {
> > + fontSize: 32;
> > + }
> > +
> > + ActionBar
> > + {
> > + paddingBottom: 2;
> > + paddingLeft: 0;
> > + paddingRight: 0;
> > + paddingTop: 2;
> > + }
> > +
> > + ActionBar #titleDisplay
> > + {
> > + fontSize: 36;
> > + }
> > +
> > + Application
> > + {
> > + osStatusBarHeight: 40;
> > + }
> > +
> > + SpinnerListItemRenderer
> > + {
> > + paddingTop : 24;
> > + paddingBottom : 24;
> > + paddingLeft : 8;
> > + paddingRight : 8;
> > + }
> > +
> > + TabbedViewNavigator #tabBar
> > + {
> > + fontSize: 28;
> > + }
> > +}
> > +
> > +@media (os-platform:"IOS") AND (min-os-version: 7) AND (application-dpi:
> > 480)
> > +{
> > + global
> > + {
> > + fontSize: 48;
> > + focusThickness: 6;
> > + }
> > +
> > + ActionBar
> > + {
> > + paddingBottom: 4;
> > + paddingLeft: 0;
> > + paddingRight: 0;
> > + paddingTop: 4;
> > + }
> > +
> > + ActionBar #titleDisplay
> > + {
> > + fontSize: 54;
> > + }
> > +
> > + Application
> > + {
> > + osStatusBarHeight: 60;
> > + }
> > +
> > + SpinnerListItemRenderer
> > + {
> > + paddingTop : 36;
> > + paddingBottom : 36;
> > + paddingLeft : 12;
> > + paddingRight : 12;
> > + }
> > +
> > + TabbedViewNavigator #tabBar
> > + {
> > + fontSize: 42;
> > + }
> > +}
> > +
> > +@media (os-platform:"IOS") AND (min-os-version: 7) AND (application-dpi:
> > 640)
> > +{
> > + global
> > + {
> > + fontSize: 64;
> > + }
> > +
> > + ActionBar
> > + {
> > + paddingBottom: 4;
> > + paddingLeft: 0;
> > + paddingRight: 0;
> > + paddingTop: 4;
> > + }
> > +
> > + ActionBar #titleDisplay
> > + {
> > + fontSize: 72;
> > + }
> > +
> > + SpinnerListItemRenderer
> > + {
> > + paddingTop : 48;
> > + paddingBottom : 48;
> > + paddingLeft : 16;
> > + paddingRight : 16;
> > + }
> > +
> > + TabbedViewNavigator #tabBar
> > + {
> > + fontSize: 56;
> > + }
> > +}
> > +
> > +
> >
> > /*
> > Android 4.x specific Mobile Flex skins and styles. Defaults sizes are
> > based on
> >
> >
>
>
> --
> Ix Multimedia Software
>
> Jan Luykenstraat 27
> 3521 VB Utrecht
>
> T. 06-51952295
> I. www.ixsoftware.nl
>
Re: [3/3] git commit: [flex-sdk] [refs/heads/iso7skins] - Prepare dpi
specific styles for iOS7+
Posted by Erik de Bruin <er...@ixsoftware.nl>.
Ok, this is about as far as I can go without some artwork to serve as an
example. Is there a reference we’re following that I can look at?
EdB
On Fri, Oct 3, 2014 at 11:17 AM, <er...@apache.org> wrote:
> Prepare dpi specific styles for iOS7+
>
> Integrated the 'status bar' fix (FLEX-33949) into the new dpi specific
> styles copied from the Android section.
>
> Signed-off-by: Erik de Bruin <er...@ixsoftware.nl>
>
>
> Project: http://git-wip-us.apache.org/repos/asf/flex-sdk/repo
> Commit: http://git-wip-us.apache.org/repos/asf/flex-sdk/commit/cea42d7d
> Tree: http://git-wip-us.apache.org/repos/asf/flex-sdk/tree/cea42d7d
> Diff: http://git-wip-us.apache.org/repos/asf/flex-sdk/diff/cea42d7d
>
> Branch: refs/heads/iso7skins
> Commit: cea42d7da8e644fd392053e54fe14830e7249155
> Parents: b685eae
> Author: Erik de Bruin <er...@ixsoftware.nl>
> Authored: Fri Oct 3 11:14:20 2014 +0200
> Committer: Erik de Bruin <er...@ixsoftware.nl>
> Committed: Fri Oct 3 11:14:20 2014 +0200
>
> ----------------------------------------------------------------------
> frameworks/projects/mobiletheme/defaults.css | 240 ++++++++++++++++++----
> 1 file changed, 199 insertions(+), 41 deletions(-)
> ----------------------------------------------------------------------
>
>
>
> http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/cea42d7d/frameworks/projects/mobiletheme/defaults.css
> ----------------------------------------------------------------------
> diff --git a/frameworks/projects/mobiletheme/defaults.css
> b/frameworks/projects/mobiletheme/defaults.css
> index 0b78b0c..8e93db5 100644
> --- a/frameworks/projects/mobiletheme/defaults.css
> +++ b/frameworks/projects/mobiletheme/defaults.css
> @@ -931,48 +931,7 @@ global
> }
> }
>
> -/* ios 7 status bar
> -requires new os-version selector (cf FLEX-FLEX-33949)
> -*/
>
> -@media (application-dpi: 120) AND (os-platform:"IOS") AND
> (min-os-version: 7)
> -{
> - Application
> - {
> - osStatusBarHeight: 15;
> - }
> -}
> -
> -@media (application-dpi: 160) AND (os-platform:"IOS") AND
> (min-os-version: 7)
> -{
> - Application {
> - osStatusBarHeight: 20;
> - }
> -}
> -
> -@media (application-dpi: 240) AND (os-platform:"IOS") AND
> (min-os-version: 7)
> -{
> - Application
> - {
> - osStatusBarHeight: 30;
> - }
> -}
> -
> -@media (application-dpi: 320) AND (os-platform:"IOS") AND
> (min-os-version: 7)
> -{
> - Application
> - {
> - osStatusBarHeight: 40;
> - }
> -}
> -
> -@media (application-dpi: 480) AND (os-platform:"IOS") AND
> (min-os-version: 7)
> -{
> - Application
> - {
> - osStatusBarHeight: 60;
> - }
> -}
>
> /* ios 7+ new theme */
>
> @@ -1205,6 +1164,205 @@ requires new os-version selector (cf
> FLEX-FLEX-33949)
>
> }
>
> +@media (os-platform:"IOS") AND (min-os-version: 7) AND (application-dpi:
> 120)
> +{
> + global
> + {
> + fontSize: 12;
> + focusThickness: 2;
> + }
> +
> + ActionBar.beveled
> + {
> + paddingLeft: 4;
> + paddingRight: 4;
> + }
> +
> + ActionBar #titleDisplay
> + {
> + fontSize: 14;
> + }
> +
> + Application
> + {
> + osStatusBarHeight: 15;
> + }
> +
> + SpinnerListItemRenderer
> + {
> + paddingTop : 9;
> + paddingBottom : 9;
> + paddingLeft : 3;
> + paddingRight : 3;
> + }
> +
> + TabbedViewNavigator #tabBar
> + {
> + fontSize: 11;
> + }
> +}
> +
> +@media (os-platform:"IOS") AND (min-os-version: 7) AND (application-dpi:
> 160)
> +{
> + global
> + {
> + fontSize: 16;
> + focusThickness: 2;
> + }
> +
> + ActionBar
> + {
> + paddingBottom: 1;
> + paddingLeft: 0;
> + paddingRight: 0;
> + paddingTop: 1;
> + }
> +
> + ActionBar #titleDisplay
> + {
> + fontSize: 18;
> + }
> +
> + Application {
> + osStatusBarHeight: 20;
> + }
> +
> + SpinnerListItemRenderer
> + {
> + paddingTop : 12;
> + paddingBottom : 12;
> + paddingLeft : 4;
> + paddingRight : 4;
> + }
> +
> + TabbedViewNavigator #tabBar
> + {
> + fontSize: 14;
> + }
> +}
> +
> +@media (os-platform:"IOS") AND (min-os-version: 7) AND (application-dpi:
> 240)
> +{
> + Application
> + {
> + osStatusBarHeight: 30;
> + }
> +}
> +
> +@media (os-platform:"IOS") AND (min-os-version: 7) AND (application-dpi:
> 320)
> +{
> + global
> + {
> + fontSize: 32;
> + }
> +
> + ActionBar
> + {
> + paddingBottom: 2;
> + paddingLeft: 0;
> + paddingRight: 0;
> + paddingTop: 2;
> + }
> +
> + ActionBar #titleDisplay
> + {
> + fontSize: 36;
> + }
> +
> + Application
> + {
> + osStatusBarHeight: 40;
> + }
> +
> + SpinnerListItemRenderer
> + {
> + paddingTop : 24;
> + paddingBottom : 24;
> + paddingLeft : 8;
> + paddingRight : 8;
> + }
> +
> + TabbedViewNavigator #tabBar
> + {
> + fontSize: 28;
> + }
> +}
> +
> +@media (os-platform:"IOS") AND (min-os-version: 7) AND (application-dpi:
> 480)
> +{
> + global
> + {
> + fontSize: 48;
> + focusThickness: 6;
> + }
> +
> + ActionBar
> + {
> + paddingBottom: 4;
> + paddingLeft: 0;
> + paddingRight: 0;
> + paddingTop: 4;
> + }
> +
> + ActionBar #titleDisplay
> + {
> + fontSize: 54;
> + }
> +
> + Application
> + {
> + osStatusBarHeight: 60;
> + }
> +
> + SpinnerListItemRenderer
> + {
> + paddingTop : 36;
> + paddingBottom : 36;
> + paddingLeft : 12;
> + paddingRight : 12;
> + }
> +
> + TabbedViewNavigator #tabBar
> + {
> + fontSize: 42;
> + }
> +}
> +
> +@media (os-platform:"IOS") AND (min-os-version: 7) AND (application-dpi:
> 640)
> +{
> + global
> + {
> + fontSize: 64;
> + }
> +
> + ActionBar
> + {
> + paddingBottom: 4;
> + paddingLeft: 0;
> + paddingRight: 0;
> + paddingTop: 4;
> + }
> +
> + ActionBar #titleDisplay
> + {
> + fontSize: 72;
> + }
> +
> + SpinnerListItemRenderer
> + {
> + paddingTop : 48;
> + paddingBottom : 48;
> + paddingLeft : 16;
> + paddingRight : 16;
> + }
> +
> + TabbedViewNavigator #tabBar
> + {
> + fontSize: 56;
> + }
> +}
> +
> +
>
> /*
> Android 4.x specific Mobile Flex skins and styles. Defaults sizes are
> based on
>
>
--
Ix Multimedia Software
Jan Luykenstraat 27
3521 VB Utrecht
T. 06-51952295
I. www.ixsoftware.nl
[3/3] git commit: [flex-sdk] [refs/heads/iso7skins] - Prepare dpi
specific styles for iOS7+
Posted by er...@apache.org.
Prepare dpi specific styles for iOS7+
Integrated the 'status bar' fix (FLEX-33949) into the new dpi specific styles copied from the Android section.
Signed-off-by: Erik de Bruin <er...@ixsoftware.nl>
Project: http://git-wip-us.apache.org/repos/asf/flex-sdk/repo
Commit: http://git-wip-us.apache.org/repos/asf/flex-sdk/commit/cea42d7d
Tree: http://git-wip-us.apache.org/repos/asf/flex-sdk/tree/cea42d7d
Diff: http://git-wip-us.apache.org/repos/asf/flex-sdk/diff/cea42d7d
Branch: refs/heads/iso7skins
Commit: cea42d7da8e644fd392053e54fe14830e7249155
Parents: b685eae
Author: Erik de Bruin <er...@ixsoftware.nl>
Authored: Fri Oct 3 11:14:20 2014 +0200
Committer: Erik de Bruin <er...@ixsoftware.nl>
Committed: Fri Oct 3 11:14:20 2014 +0200
----------------------------------------------------------------------
frameworks/projects/mobiletheme/defaults.css | 240 ++++++++++++++++++----
1 file changed, 199 insertions(+), 41 deletions(-)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/cea42d7d/frameworks/projects/mobiletheme/defaults.css
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/defaults.css b/frameworks/projects/mobiletheme/defaults.css
index 0b78b0c..8e93db5 100644
--- a/frameworks/projects/mobiletheme/defaults.css
+++ b/frameworks/projects/mobiletheme/defaults.css
@@ -931,48 +931,7 @@ global
}
}
-/* ios 7 status bar
-requires new os-version selector (cf FLEX-FLEX-33949)
-*/
-@media (application-dpi: 120) AND (os-platform:"IOS") AND (min-os-version: 7)
-{
- Application
- {
- osStatusBarHeight: 15;
- }
-}
-
-@media (application-dpi: 160) AND (os-platform:"IOS") AND (min-os-version: 7)
-{
- Application {
- osStatusBarHeight: 20;
- }
-}
-
-@media (application-dpi: 240) AND (os-platform:"IOS") AND (min-os-version: 7)
-{
- Application
- {
- osStatusBarHeight: 30;
- }
-}
-
-@media (application-dpi: 320) AND (os-platform:"IOS") AND (min-os-version: 7)
-{
- Application
- {
- osStatusBarHeight: 40;
- }
-}
-
-@media (application-dpi: 480) AND (os-platform:"IOS") AND (min-os-version: 7)
-{
- Application
- {
- osStatusBarHeight: 60;
- }
-}
/* ios 7+ new theme */
@@ -1205,6 +1164,205 @@ requires new os-version selector (cf FLEX-FLEX-33949)
}
+@media (os-platform:"IOS") AND (min-os-version: 7) AND (application-dpi: 120)
+{
+ global
+ {
+ fontSize: 12;
+ focusThickness: 2;
+ }
+
+ ActionBar.beveled
+ {
+ paddingLeft: 4;
+ paddingRight: 4;
+ }
+
+ ActionBar #titleDisplay
+ {
+ fontSize: 14;
+ }
+
+ Application
+ {
+ osStatusBarHeight: 15;
+ }
+
+ SpinnerListItemRenderer
+ {
+ paddingTop : 9;
+ paddingBottom : 9;
+ paddingLeft : 3;
+ paddingRight : 3;
+ }
+
+ TabbedViewNavigator #tabBar
+ {
+ fontSize: 11;
+ }
+}
+
+@media (os-platform:"IOS") AND (min-os-version: 7) AND (application-dpi: 160)
+{
+ global
+ {
+ fontSize: 16;
+ focusThickness: 2;
+ }
+
+ ActionBar
+ {
+ paddingBottom: 1;
+ paddingLeft: 0;
+ paddingRight: 0;
+ paddingTop: 1;
+ }
+
+ ActionBar #titleDisplay
+ {
+ fontSize: 18;
+ }
+
+ Application {
+ osStatusBarHeight: 20;
+ }
+
+ SpinnerListItemRenderer
+ {
+ paddingTop : 12;
+ paddingBottom : 12;
+ paddingLeft : 4;
+ paddingRight : 4;
+ }
+
+ TabbedViewNavigator #tabBar
+ {
+ fontSize: 14;
+ }
+}
+
+@media (os-platform:"IOS") AND (min-os-version: 7) AND (application-dpi: 240)
+{
+ Application
+ {
+ osStatusBarHeight: 30;
+ }
+}
+
+@media (os-platform:"IOS") AND (min-os-version: 7) AND (application-dpi: 320)
+{
+ global
+ {
+ fontSize: 32;
+ }
+
+ ActionBar
+ {
+ paddingBottom: 2;
+ paddingLeft: 0;
+ paddingRight: 0;
+ paddingTop: 2;
+ }
+
+ ActionBar #titleDisplay
+ {
+ fontSize: 36;
+ }
+
+ Application
+ {
+ osStatusBarHeight: 40;
+ }
+
+ SpinnerListItemRenderer
+ {
+ paddingTop : 24;
+ paddingBottom : 24;
+ paddingLeft : 8;
+ paddingRight : 8;
+ }
+
+ TabbedViewNavigator #tabBar
+ {
+ fontSize: 28;
+ }
+}
+
+@media (os-platform:"IOS") AND (min-os-version: 7) AND (application-dpi: 480)
+{
+ global
+ {
+ fontSize: 48;
+ focusThickness: 6;
+ }
+
+ ActionBar
+ {
+ paddingBottom: 4;
+ paddingLeft: 0;
+ paddingRight: 0;
+ paddingTop: 4;
+ }
+
+ ActionBar #titleDisplay
+ {
+ fontSize: 54;
+ }
+
+ Application
+ {
+ osStatusBarHeight: 60;
+ }
+
+ SpinnerListItemRenderer
+ {
+ paddingTop : 36;
+ paddingBottom : 36;
+ paddingLeft : 12;
+ paddingRight : 12;
+ }
+
+ TabbedViewNavigator #tabBar
+ {
+ fontSize: 42;
+ }
+}
+
+@media (os-platform:"IOS") AND (min-os-version: 7) AND (application-dpi: 640)
+{
+ global
+ {
+ fontSize: 64;
+ }
+
+ ActionBar
+ {
+ paddingBottom: 4;
+ paddingLeft: 0;
+ paddingRight: 0;
+ paddingTop: 4;
+ }
+
+ ActionBar #titleDisplay
+ {
+ fontSize: 72;
+ }
+
+ SpinnerListItemRenderer
+ {
+ paddingTop : 48;
+ paddingBottom : 48;
+ paddingLeft : 16;
+ paddingRight : 16;
+ }
+
+ TabbedViewNavigator #tabBar
+ {
+ fontSize: 56;
+ }
+}
+
+
/*
Android 4.x specific Mobile Flex skins and styles. Defaults sizes are based on
[2/3] git commit: [flex-sdk] [refs/heads/iso7skins] - Added 'all'
mobile component CSS to iOS7+ selector
Posted by er...@apache.org.
Added 'all' mobile component CSS to iOS7+ selector
Signed-off-by: Erik de Bruin <er...@ixsoftware.nl>
Project: http://git-wip-us.apache.org/repos/asf/flex-sdk/repo
Commit: http://git-wip-us.apache.org/repos/asf/flex-sdk/commit/b685eae3
Tree: http://git-wip-us.apache.org/repos/asf/flex-sdk/tree/b685eae3
Diff: http://git-wip-us.apache.org/repos/asf/flex-sdk/diff/b685eae3
Branch: refs/heads/iso7skins
Commit: b685eae3206572badbee1a056d6f2b8c9956ff50
Parents: b9e6d76
Author: Erik de Bruin <er...@ixsoftware.nl>
Authored: Fri Oct 3 11:02:43 2014 +0200
Committer: Erik de Bruin <er...@ixsoftware.nl>
Committed: Fri Oct 3 11:02:43 2014 +0200
----------------------------------------------------------------------
frameworks/projects/mobiletheme/defaults.css | 208 ++++++++++++++++++++++
1 file changed, 208 insertions(+)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/b685eae3/frameworks/projects/mobiletheme/defaults.css
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/defaults.css b/frameworks/projects/mobiletheme/defaults.css
index 9a4c15b..0b78b0c 100644
--- a/frameworks/projects/mobiletheme/defaults.css
+++ b/frameworks/projects/mobiletheme/defaults.css
@@ -989,12 +989,220 @@ requires new os-version selector (cf FLEX-FLEX-33949)
textShadowAlpha: 0;
}
+ ActionBar
+ {
+ chromeColor: #DEDEDD;
+ defaultButtonAppearance: normal;
+ skinClass: ClassReference("spark.skins.ios7.ActionBarSkin");
+ textShadowAlpha: 0;
+ textShadowColor: #000000;
+ paddingBottom: 1;
+ paddingLeft: 0;
+ paddingRight: 0;
+ paddingTop: 1;
+ }
+
+ ActionBar #titleDisplay
+ {
+ color: #333333;
+ fontSize: 24;
+ fontFamily: RobotoBold;
+ }
+
+ ActionBar ButtonBase
+ {
+ color: #333333;
+ fontFamily: RobotoBold;
+ fontWeight: bold;
+ }
+
+ ActionBar Group#actionGroup Button
+ {
+ skinClass: ClassReference("spark.skins.ios7.TransparentActionButtonSkin");
+ }
+
Button
{
skinClass: ClassReference("spark.skins.ios7.ButtonSkin");
fontFamily: RobotoBold;
}
+ Button.emphasized
+ {
+ skinClass: ClassReference("spark.skins.mobile.DefaultButtonSkin");
+ }
+
+ ButtonBar
+ {
+ skinClass: ClassReference("spark.skins.ios7.ButtonBarSkin");
+ fontFamily: RobotoBold;
+ fontWeight: "bold";
+ }
+
+ Callout
+ {
+ backgroundColor: #33B5E5;
+ contentBackgroundColor: #FFFFFF;
+ gap: 12;
+ skinClass: ClassReference("spark.skins.ios7.CalloutSkin");
+ borderThickness: 0;
+ borderColor: 0;
+ }
+
+ Callout ViewNavigator ActionBar
+ {
+ skinClass: ClassReference("spark.skins.mobile.CalloutActionBarSkin");
+ defaultButtonAppearance: none;
+ paddingLeft: 0;
+ paddingRight: 0;
+ }
+
+ Callout ViewNavigator ActionBar.beveled
+ {
+ paddingLeft: 0;
+ paddingRight: 0;
+ }
+
+ Callout ViewNavigator ActionBar.beveled Group#navigationGroup Button
+ {
+ skinClass: ClassReference("spark.skins.mobile.BeveledActionButtonSkin");
+ }
+
+ Callout ViewNavigator ActionBar.beveled Group#navigationGroup Button.emphasized
+ {
+ skinClass: ClassReference("spark.skins.mobile.DefaultBeveledActionButtonSkin");
+ }
+
+ Callout#viewNavigatorPopUp
+ {
+ contentBackgroundAppearance: none;
+ }
+
+ CheckBox
+ {
+ skinClass: ClassReference("spark.skins.ios7.CheckBoxSkin");
+ chromeColor: #FFFFFF;
+ }
+
+ HScrollBar
+ {
+ skinClass: ClassReference("spark.skins.ios7.HScrollBarSkin");
+ thumbColor: #333333;
+ }
+
+ HSlider
+ {
+ skinClass: ClassReference("spark.skins.ios7.HSliderSkin");
+ fontFamily: RobotoBold;
+ }
+
+ RadioButton
+ {
+ skinClass: ClassReference("spark.skins.ios7.RadioButtonSkin");
+ chromeColor: #FFFFFF;
+ }
+
+ SpinnerList
+ {
+ skinClass: ClassReference("spark.skins.ios7.SpinnerListSkin");
+ }
+
+ SpinnerListContainer
+ {
+ skinClass: ClassReference("spark.skins.ios7.SpinnerListContainerSkin");
+ }
+
+ SpinnerListItemRenderer
+ {
+ paddingTop : 18;
+ paddingBottom : 18;
+ paddingLeft : 6;
+ paddingRight : 6;
+ }
+
+ TabbedViewNavigator #tabBar
+ {
+ fontFamily: RobotoRegular;
+ chromeColor: #484848;
+ color: #000000;
+ fontSize: 20;
+ fontWeight: normal;
+ iconPlacement: top;
+ interactionMode: mouse;
+ skinClass: ClassReference("spark.skins.ios7.TabbedViewNavigatorTabBarSkin");
+ textShadowAlpha: 0;
+ textShadowColor: #000000;
+ }
+
+ TextInput
+ {
+ skinClass: ClassReference("spark.skins.ios7.StageTextInputSkin");
+ contentBackgroundAlpha: 0;
+ focusColor: #33B5E5;
+ contentBackgroundColor: #DEDEDD;
+ contentBackgroundBorder: "flat";
+ fontFamily: RobotoRegular;
+ selectionHighlighting: "never";
+ focusEnabled:"false";
+ focusThickness: 0;
+ }
+
+ TextArea
+ {
+ skinClass: ClassReference("spark.skins.ios7.StageTextAreaSkin");
+ contentBackgroundAlpha: 1;
+ contentBackgroundBorder: "rectangle";
+ contentBackgroundColor: #DEDEDD;
+ focusColor: #33B5E5;
+ fontFamily: RobotoRegular;
+ selectionHighlighting: "never";
+ focusEnabled:"false";
+ focusThickness: 0;
+ }
+
+ ToggleSwitch
+ {
+ accentColor: #3F7FBA;
+ color: #FFFFFF;
+ skinClass: ClassReference("spark.skins.ios7.ToggleSwitchSkin");
+ slideDuration: 125;
+ textShadowAlpha: .65;
+ textShadowColor: #000000;
+ }
+
+ VScrollBar
+ {
+ skinClass: ClassReference("spark.skins.ios7.VScrollBarSkin");
+ thumbColor: #333333;
+ }
+
+ ViewMenu
+ {
+ skinClass: ClassReference("spark.skins.ios7.ViewMenuSkin");
+ }
+
+ ViewMenuItem
+ {
+ iconPlacement : "left";
+ chromeColor : #FFFFFF;
+ focusColor: #DEDEDD;
+ paddingBottom: 8;
+ paddingLeft: 8;
+ paddingRight: 8;
+ paddingTop: 8;
+ skinClass : ClassReference("spark.skins.ios7.ViewMenuItemSkin");
+ }
+
+ MobileBusyIndicator
+ {
+ skinClass: ClassReference("spark.skins.ios7.BusyIndicatorSkin");
+ }
+
+ ViewNavigator
+ {
+ skinClass: ClassReference("spark.skins.mobile.ViewNavigatorSkin");
+ }
+
}