Naviframe : remove naviframe button's dependency from button, optionheader

Change-Id: I6448f02613b26b452cf5e86a4951e2ddfee4ccda

diff --git a/src/themes/tizen/common/jquery.mobile.button.less b/src/themes/tizen/common/jquery.mobile.button.less
index f03ad4f..dda05cf 100644 (file)
--- a/src/themes/tizen/common/jquery.mobile.button.less
+++ b/src/themes/tizen/common/jquery.mobile.button.less
@@ -17,11 +17,6 @@
 .ui-header .ui-btn, .ui-footer .ui-btn, .ui-bar .ui-btn { display: inline-block; font-size: 13 * @unit_base; margin: 0; }
 .ui-btn-inline { display: inline-block; }
 .ui-btn-inner { padding: .5em 9 * @unit_base; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: relative; zoom: 1; }
-.ui-header .ui-btn-inner, .ui-footer .ui-btn-inner, .ui-bar .ui-btn-inner { padding: 0.7em 0 0.7em; }  /* wongi_1024 : Button text middle align */
-.ui-header .ui-btn-inner.ui-btn-icon-only , .ui-footer .ui-btn-inner, .ui-bar .ui-btn-inner.ui-btn-icon-only 
-{
-       padding: .4em 8 * @unit_base .5em; 
-}      /* wongi_1024 : Button text middle align */
 
 .ui-btn-icon-notext { width: 36 * @unit_base; height: 36 * @unit_base; }
 .ui-btn-icon-notext .ui-btn-inner { padding: 2 * @unit_base 1 * @unit_base 2 * @unit_base 3 * @unit_base; }

diff --git a/src/themes/tizen/common/jquery.mobile.theme.less b/src/themes/tizen/common/jquery.mobile.theme.less
index 321ce90..e3f25e7 100644 (file)
--- a/src/themes/tizen/common/jquery.mobile.theme.less
+++ b/src/themes/tizen/common/jquery.mobile.theme.less
@@ -60,6 +60,7 @@
                min-height : 28 * @unit_base;
                max-height : 34 * @unit_base; /* temporary UX strange */
                font-size  : 28 * @unit_base;
+               font-weight : 500; /* tizen font weight tuning */
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
@@ -72,10 +73,28 @@
 
        /* header button position : need to press area more... */
        >.ui-btn {
-               .ui-btn-inner.ui-btn-icon-only .ui-icon {
-                       left : 0px;
-                       top : 0px;
-                       margin-top : 0px;
+               .ui-btn-inner.ui-btn-icon-only {
+                       .LESSbox-boxsizing( border-box );
+                       height : 100%;
+                       .ui-icon {
+                               top : 0px;
+                       }
+               }
+       }
+
+       >.ui-btn:not(.ui-btn-icon-notext) {
+               .ui-btn-inner.ui-btn-icon-only {
+                       padding-left : 0px;
+               }
+       }
+
+       >.ui-btn:not(.ui-btn-icon_only) {
+               width : 53 * @unit_base;
+               height : 18 * @unit_base;
+               top : auto;
+               bottom : 10 * @unit_base;
+               .ui-btn-inner {
+                       padding : 0;
                }
        }
 
@@ -157,6 +176,29 @@
                right : 58 * @unit_base;
        }
 
+       > .ui-btn:not(.ui-btn-icon_only):nth-child(2) {
+               right : 7 * @unit_base;
+       }
+
+       > .ui-btn:not(.ui-btn-icon_only):nth-child(3) {
+               right : 62 * @unit_base;
+       }
+
+       > img + h1 + .ui-btn:not(.ui-btn-icon_only):nth-child(3) {
+               right : 7 * @unit_base;
+       }
+
+       > img + h1 + .ui-btn:not(.ui-btn-icon_only):nth-child(3) + .ui-btn:not(.ui-btn-icon_only) {
+               right : 62 * @unit_base;
+       }
+
+       > img + h1 + span.ui-title-text-sub + .ui-btn:not(.ui-btn-icon_only):nth-child(4) {
+               right : 7 * @unit_base;
+       }
+
+       > img + h1 + span.ui-title-text-sub + .ui-btn:not(.ui-btn-icon_only):nth-child(4) + .ui-btn:not(.ui-btn-icon_only) {
+               right : 62 * @unit_base;
+       }
        > .ui-btn.ui-btn-down-s {
                background : @color_bar_btn_press;
                color : @color_bar_title_button_text_press;