From bdd6fce7b9abd53dcd7701e55db2d8d1fe05621d Mon Sep 17 00:00:00 2001 From: Jinhyuk Jun Date: Wed, 6 Feb 2013 21:21:02 +0900 Subject: [PATCH] groupControl : change footer groupControl from min-width to percentage Change-Id: I1265b377b5e55b16dd4ea0b16c0be570eb4f0ee0 --- src/themes/tizen/common/jquery.mobile.theme.less | 10 ++++++---- src/widgets/pagelayout/js/jquery.mobile.tizen.pagelayout.js | 10 +++++++++- 2 files changed, 15 insertions(+), 5 deletions(-) diff --git a/src/themes/tizen/common/jquery.mobile.theme.less b/src/themes/tizen/common/jquery.mobile.theme.less index 3ec9a50..bfffcf8 100644 --- a/src/themes/tizen/common/jquery.mobile.theme.less +++ b/src/themes/tizen/common/jquery.mobile.theme.less @@ -215,16 +215,18 @@ [data-role="button"] { background : transparent; - min-width : 77 * @unit_base; - border-style : solid; border-color : @color_bar_divider_line; border-top-width : 0px; border-bottom-width : 0px; - border-left-width : 1px; + border-left-width : 0px; border-right-width : 1px; - border-radius : 0px; + border-top-left-radius : 0px !important; + border-top-right-radius : 0px !important; + border-bottom-left-radius : 0px !important; + border-bottom-right-radius : 0px !important; + box-shadow : none; padding : 0px; diff --git a/src/widgets/pagelayout/js/jquery.mobile.tizen.pagelayout.js b/src/widgets/pagelayout/js/jquery.mobile.tizen.pagelayout.js index f86067f..1d3bba2 100644 --- a/src/widgets/pagelayout/js/jquery.mobile.tizen.pagelayout.js +++ b/src/widgets/pagelayout/js/jquery.mobile.tizen.pagelayout.js @@ -149,7 +149,8 @@ $elHeader = $elPage.find( ":jqmData(role='header')" ).length ? $elPage.find( ":jqmData(role='header')") : $elPage.siblings( ":jqmData(role='header')"), $elContent = $elPage.find( ".ui-content" ), $elFooter = $elPage.find( ":jqmData(role='footer')" ), - $elFooterGroup = $elFooter.find( ":jqmData(role='fieldcontain')" ); + $elFooterGroup = $elFooter.find( ":jqmData(role='fieldcontain')" ), + $elFooterControlGroup = $elFooter.find( ".ui-controlgroup" ); // divide content mode scrollview and non-scrollview if ( !$elPage.is( ".ui-dialog" ) ) { @@ -170,6 +171,13 @@ if ( $elFooterGroup.find( "div" ).is( ".ui-controlgroup-label" ) ) { $elFooterGroup.find( "div.ui-controlgroup-label" ).remove(); } + + if ( $elFooterControlGroup.length ) { + var anchorPer = 100 / $elFooterControlGroup.find( "a" ).length; + $elFooterControlGroup.find( "a" ).each( function ( i ) { + $elFooterControlGroup.find( "a" ).eq( i ).width( anchorPer + "%" ); + }); + } }, _bindPageEvents: function () { -- 2.7.4