[FLEX-33949] Manage OS version in @media CSS

• Type: New Feature
• Status: Resolved
• Priority: Major
• Resolution: Fixed
• Affects Version/s: Apache Flex 4.11.0
• Fix Version/s: Apache Flex 4.12.0, Apache Flex 4.12.1
• Component/s: Runtime CSS
• Assignee: Maurice Amsellem
• Reporter: Maurice Amsellem
• Created: 01/Dec/13 14:23
• Updated: 01/May/14 21:37
• Resolved: 16/Mar/14 21:55

Description

>Use case
This would give the ability to customize the application to match the native OS look and feel:

• iOS6 / iOS7 skins
• iOS status bar

>Specifications
new 'os-version' media css selector of type number, returns the major and minor version number as a decimal figure, eg. 6.1 or 4.2

Can be used like this for iOS6 and iOS7:

iOS6: @media (os-platform: "ios") and ( max-os-version: 6.5)

iOS7: @media (os-platform: "ios") and ( min-os-version: 7.0)

Note that os-version is only accurate when run on the device.
When run on ADL, os-version will report the host OS version the ADL is running on.

Issue Links

• is required by: FLEX-33860 Support For iOS7 status bar
• is required by: FLEX-33732 Mobile theme support Android 4.x look and feel