segment control backward compatiblity

Change-Id: I92126b488e38465cbab7f09a72d2b7628f225beb

diff --git a/src/themes/tizen/common/jquery.mobile.controlgroup.less b/src/themes/tizen/common/jquery.mobile.controlgroup.less
index 9fcd8c5..17d6bc6 100755 (executable)
--- a/src/themes/tizen/common/jquery.mobile.controlgroup.less
+++ b/src/themes/tizen/common/jquery.mobile.controlgroup.less
@@ -47,6 +47,14 @@ fieldset.ui-controlgroup {
                border-left-color: @color_controlgroup_btn_border;\r
                border-left-style: solid;\r
        }\r
+       .ui-radio-on {\r
+               .ui-btn-inner {\r
+                       background : @color_bg;\r
+                       .ui-btn-text {\r
+                               color : @color_bar_title_text;\r
+                       }\r
+               }\r
+       }\r
        .ui-corner-left {\r
                border-left-width: 0px;\r
        }\r
@@ -79,7 +87,8 @@ fieldset.ui-controlgroup {
        padding: 0;\r
        .ui-btn {\r
                display: inline-block;\r
-               margin: 0 -5px 0 0;\r
+               margin-left : -4 * @unit_base;\r
+               margin-right : -3 * @unit_base;\r
        }\r
        .ui-checkbox, .ui-radio {\r
                float: left;\r
@@ -95,7 +104,6 @@ fieldset.ui-controlgroup {
                border-radius : 0px;\r
                box-shadow : none;\r
                background : none;\r
-               margin-left : -10 * @unit_base;\r
                &.ui-btn-down-s, .ui-btn-active-s {\r
                        .ui-btn-inner {\r
                                background : @color_bg;\r
@@ -105,11 +113,27 @@ fieldset.ui-controlgroup {
                        }\r
                }\r
 \r
+               &.ui-btn-down-s {\r
+                       .ui-btn-inner {\r
+                               background : @color_tabbar_btn_tab_press;\r
+                       }\r
+               }\r
+\r
                >.ui-btn-inner {\r
                        border : 0px solid;\r
                        box-shadow : none;\r
                        padding-top : 5 * @unit_base;\r
                        padding-bottom : 5 * @unit_base;\r
+                       padding-left : 10 * @unit_base;\r
+                       padding-right : 10 * @unit_base;\r
+               }\r
+       }\r
+\r
+       label {\r
+               > span.ui-btn-inner {\r
+                       padding-top : 3 * @unit_base;\r
+                       padding-bottom : 3 * @unit_base;\r
                }\r
        }\r
+\r
 }\r

diff --git a/src/themes/tizen/common/jquery.mobile.segmentctrl.less b/src/themes/tizen/common/jquery.mobile.segmentctrl.less
index a58442d..e16908f 100755 (executable)
--- a/src/themes/tizen/common/jquery.mobile.segmentctrl.less
+++ b/src/themes/tizen/common/jquery.mobile.segmentctrl.less
@@ -42,3 +42,6 @@ border-radius: .3em ;
   color: @color_segmentcontrol_Seg_text;
 }
 
+.ui-controlgroup .ui-radio .ui-btn-down-s .ui-btn-inner {
+       background : @color_tabbar_btn_tab_press;
+}
\ No newline at end of file

diff --git a/src/themes/tizen/common/jquery.mobile.theme.less b/src/themes/tizen/common/jquery.mobile.theme.less
index d9c79ad..8699c0b 100755 (executable)
--- a/src/themes/tizen/common/jquery.mobile.theme.less
+++ b/src/themes/tizen/common/jquery.mobile.theme.less
@@ -220,8 +220,8 @@
                        box-shadow : none;
 
                        padding : 0px;
-                       margin-left : -10 * @unit_base;
-                       margin-right : 1px;
+                       margin-left : -4 * @unit_base;
+                       margin-right : -5 * @unit_base;
 
                        &.ui-btn-down-s, .ui-btn-active-s {
                                .ui-btn-inner {

diff --git a/src/themes/tizen/tizen-white/style.less b/src/themes/tizen/tizen-white/style.less
index d0c4870..9bd6968 100755 (executable)
--- a/src/themes/tizen/tizen-white/style.less
+++ b/src/themes/tizen/tizen-white/style.less
@@ -264,7 +264,7 @@
 /***************************************************************************
                    ControlGroup
 ***************************************************************************/
-@color_controlgroup_btn_border : rgba(26, 82, 116, 1); /* #252525 */
+@color_controlgroup_btn_border : rgba(192, 192, 192, 1);                                               /* 00_divider_line.9.png */
 
 
 /***************************************************************************