Naviframe : change SIP downbutton resource path

[platform/framework/web/web-ui-fw.git] / src / themes / tizen / common / jquery.mobile.theme.less

diff --git a/src/themes/tizen/common/jquery.mobile.theme.less b/src/themes/tizen/common/jquery.mobile.theme.less
index 321ce90..10e4136 100644 (file)
--- a/src/themes/tizen/common/jquery.mobile.theme.less
+++ b/src/themes/tizen/common/jquery.mobile.theme.less
@@ -40,7 +40,6 @@
                .ui-icon {
                        top : 8 * @unit_base;
                        left : auto;
-                       right : 13 * @unit_base;
 
                        margin-top : 0px;
                }
@@ -60,6 +59,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,16 +72,37 @@
 
        /* 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;
                }
        }
 
        > .ui-btn.ui-btn-back,
        > .ui-btn.ui-btn-footer-down {
                right : 13 * @unit_base;
+               .ui-icon-header-back-btn {
+                       left : 0px;
+               }
        }
 
        img {
@@ -133,30 +154,37 @@
                border-radius : 0px;
        }
 
-       > .ui-btn:nth-child(2) {
-               right : 13 * @unit_base;
+       .ui-btn-right-0 {
+               right : 11 * @unit_base;
        }
 
-       > .ui-btn:nth-child(3) {
+       .ui-btn-right-1 {
                right : 56 * @unit_base;
        }
 
-       > img + h1 + .ui-btn:nth-child(3) {
-               right : 13 * @unit_base;
+       > .ui-btn:not(.ui-btn-icon_only):nth-child(2) {
+               right : 7 * @unit_base;
        }
 
-       > img + h1 + .ui-btn:nth-child(3) + .ui-btn {
-               right : 56 * @unit_base;
+       > .ui-btn:not(.ui-btn-icon_only):nth-child(3) {
+               right : 62 * @unit_base;
        }
 
-       > img + h1 + span.ui-title-text-sub + .ui-btn:nth-child(4) {
-               right : 11 * @unit_base;
+       > img + h1 + .ui-btn:not(.ui-btn-icon_only):nth-child(3) {
+               right : 7 * @unit_base;
        }
 
-       > img + h1 + span.ui-title-text-sub + .ui-btn:nth-child(4) + .ui-btn {
-               right : 58 * @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;
@@ -191,6 +219,17 @@
                }
        }
 
+       >.ui-btn.ui-btn-back,
+       >.ui-btn.ui-btn-footer-down {
+               top : 0px;
+       }
+
+       >.ui-btn.ui-btn-footer-down {
+               .ui-icon {
+                       right : 13 * @unit_base;
+               }
+       }
+
        [data-icon="naviframe-more"] {
                position : absolute;
                left : 0 * @unit_base;
@@ -512,13 +551,22 @@ a.ui-link-inherit {
 
 }
 
-.ui-btn-up-s, .ui-btn-hover-s {
+.ui-btn-up-s { /* less parsing problem : divide css */
+       .ui-icon-header-back-btn { background-image: url(images/page/00_icon_Back.png); }
+       .ui-icon-naviframe-more { background-image: url(images/page/00_icon_more.png); }
+       .ui-icon-naviframe-cancel { background-image: url(images/00_icon_cancel.png); } /* FIXME : check ux if it needs to be deprecated... */
+       .ui-icon-naviframe-edit { background-image: url(images/page/00_icon_edit.png); }
+       .ui-icon-naviframe-plus { background-image: url(images/page/00_icon_plus.png); }
+       .ui-icon-down { background-image: url(images/controls/button/00_icon_SIP_close_web_web.png); }
+}
+
+.ui-btn-hover-s {
        .ui-icon-header-back-btn { background-image: url(images/page/00_icon_Back.png); }
        .ui-icon-naviframe-more { background-image: url(images/page/00_icon_more.png); }
        .ui-icon-naviframe-cancel { background-image: url(images/00_icon_cancel.png); } /* FIXME : check ux if it needs to be deprecated... */
        .ui-icon-naviframe-edit { background-image: url(images/page/00_icon_edit.png); }
        .ui-icon-naviframe-plus { background-image: url(images/page/00_icon_plus.png); }
-       .ui-icon-down { background-image: url(images/controls/button/00_button_down.png); }
+       .ui-icon-down { background-image: url(images/controls/button/00_icon_SIP_close_web_web.png); }
 }
 
 .ui-btn-down-s {
@@ -527,7 +575,7 @@ a.ui-link-inherit {
        .ui-icon-naviframe-cancel { background-image: url(images/00_icon_cancel_press.png); } /* FIXME: check ux if it needs to be deprecated.. */
        .ui-icon-naviframe-edit { background-image: url(images/page/00_icon_edit_press.png); }
        .ui-icon-naviframe-plus { background-image: url(images/page/00_icon_plus_press.png); }
-       .ui-icon-down { background-image: url(images/controls/button/00_button_down_press.png); }
+       .ui-icon-down { background-image: url(images/controls/button/00_icon_SIP_close_press_web.png); }
 }
 
 /* Interaction cues