Added portrait and landscape modes for AlphabetItem in stylesheet file and used relative rather than absolute size definitions.
Signed-off-by: Jukka Selesniemi <[email protected]> --- themes/base/style/meegovideo.css | 45 ++++++++++++++++++++++++++++--------- 1 files changed, 34 insertions(+), 11 deletions(-) diff --git a/themes/base/style/meegovideo.css b/themes/base/style/meegovideo.css index 7944cde..c2778cd 100644 --- a/themes/base/style/meegovideo.css +++ b/themes/base/style/meegovideo.css @@ -40,11 +40,11 @@ MApplicationPageStyle.Portrait { maximum-size: 100% 52px; margin-left: 0; - margin-top: 0px; - margin-right: 0px; - margin-bottom: 15px; - padding-left: 20px; - padding-top: 0px; + margin-top: 0; + margin-right: 0; + margin-bottom: 0; + padding-left: 0; + padding-top: 0; padding-right: 0; padding-bottom: 0; @@ -181,10 +181,10 @@ MApplicationPageStyle.Portrait { maximum-size: 100% -1; margin-left: 0; - margin-top: 90px; + margin-top: $HEIGHT_NAVIGATIONBAR; margin-right: 0; margin-bottom: 0; - padding-left: 20px; + padding-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; @@ -198,10 +198,10 @@ MApplicationPageStyle.Portrait { background-image: "landscape-crumbbar-bg"; } -#AlphabetItem { - minimum-size: 30px 30px; - preferred-size: 30px 30px; - maximum-size: 30px 30px; +#AlphabetItem.Landscape { + minimum-size: 1% -1; + preferred-size: 100% -1; + maximum-size: 100% -1; margin-left: 0; margin-top: 0; @@ -221,6 +221,29 @@ MApplicationPageStyle.Portrait { horizontal-text-align: center; } +#AlphabetItem.Portrait { + minimum-size: 1% -1; + preferred-size: 100% -1; + maximum-size: 100% -1; + + margin-left: 0; + margin-top: 0; + margin-right: 0; + margin-bottom: 0; + + text-margin-left: 0; + text-margin-top: 0; + text-margin-right: 0; + text-margin-bottom: 0; + + background-image:; + background-color:; + text-color: #d6d6d6; + font: "Droid Sans" 18px; + vertical-text-align: center; + horizontal-text-align: center; +} + #AlphabetItem:pressed { text-color: yellow; } -- 1.7.0.4 _______________________________________________ MeeGo-dev mailing list [email protected] http://lists.meego.com/listinfo/meego-dev
