flex-issues mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From "Maurice Amsellem (JIRA)" <j...@apache.org>
Subject [jira] [Comment Edited] (FLEX-33994) Need a way to distinguish phone and tablet target devices through css
Date Sun, 15 Dec 2013 13:17:07 GMT

    [ https://issues.apache.org/jira/browse/FLEX-33994?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=13848601#comment-13848601
] 

Maurice Amsellem edited comment on FLEX-33994 at 12/15/13 1:16 PM:
-------------------------------------------------------------------

With css3 media query, this is solved using physical screen size (in inches or points), something
like:
{code}
/* tablet css */ 
@media ( min-device-width: 5in ) {

}
/* phone css */
@media ( max-device-width: 5in) {

}
{code}

But we don't have physical units in AS3 css.

Solutions:
1) propose a new css media selector, like "device-type", or extend the existing "media" select
to accept  phone & tablet values (these values would be computed internally, based on
physical units)

2) allow numeric media css selectors to accept units (in or pt).

Option 1) is the simplest, however it requires to find a consensual definition on phone vs.
tablet  device size boundaries.


was (Author: mamsellem):
With css3 media query, this is solved using physical screen size (in inches or points), something
like:
{code}
/* tablet css */ 
@media ( min-device-width: 5in ) {

}
/* phone css */
@media ( max-device-width: 5in) {

}
{code}

But we don't have physical units in AS3 css.

Solutions:
1) propose a new css media selector, like "device-type", or extend the existing "media" select
to accept  phone & tablet values (these values would be computed internally, based on
physical units)

2) allow numeric media css selectors to accept units (in or pt).

Option 1) is the simplest, however it require to find a consensual definition on phone vs.
tablet  device size boundaries.

> Need a way to distinguish phone and tablet target devices through css
> ---------------------------------------------------------------------
>
>                 Key: FLEX-33994
>                 URL: https://issues.apache.org/jira/browse/FLEX-33994
>             Project: Apache Flex
>          Issue Type: New Feature
>          Components: .Unspecified - Mobile
>    Affects Versions: Apache Flex 4.11.0
>            Reporter: Maurice Amsellem
>            Assignee: Maurice Amsellem
>
> Some components should have different layout on phone and tablet devices.
> For example, DropDownList should display as a centered popup list on phones, and display
the drop down list below its popup button on tablets, supposedly having move screen space.



--
This message was sent by Atlassian JIRA
(v6.1.4#6159)

Mime
View raw message