Export 0.1.48

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

diff --git a/src/themes/tizen/common/jquery.mobile.listview.less b/src/themes/tizen/common/jquery.mobile.listview.less
index 40f21b0..cd9b28d 100755 (executable)
--- a/src/themes/tizen/common/jquery.mobile.listview.less
+++ b/src/themes/tizen/common/jquery.mobile.listview.less
@@ -120,7 +120,6 @@
        padding:0;
 
        font-size : @list-font-size-main;
-
 }
 .ui-li,
 .ui-li.ui-field-contain {
@@ -131,7 +130,6 @@
        text-align: left;
 }
 .ui-li {
-       
        h3 {
                margin-top      : 0px;
                margin-bottom : 0px;
@@ -140,6 +138,10 @@
                min-height      : 52 * @unit_base;
                font-weight : normal;
        }
+
+       form {
+               display : inline-block;
+       }
        .ui-btn {
                top: 50%;
                margin-top: -0.8em;
@@ -147,9 +149,7 @@
        .ui-btn-text {
                position: relative;
                a.ui-link-inherit {
-                       text-overflow: ellipsis;
-                       overflow: hidden;
-                       white-space: nowrap;
+                       .LESStext-ellipsis();
                }
        }
        &:last-child,
@@ -165,7 +165,6 @@
 
        &>.ui-btn-inner.ui-btn-hastxt {
                padding: 0px 0px;
-               
        }
 
        .ui-btn-inner a.ui-link-inherit,
@@ -175,8 +174,15 @@
                padding-left : 16 * @unit_base;
                padding-right : 16 * @unit_base;
                display: block;
+
+               white-space: nowrap;    // default: 1line
+       }
+
+       .ui-btn-inner a.ui-link-inherit {
+               .LESStext-ellipsis();
        }
 
+
        .ui-toggleswitch {
                &:last-child {
                        top : 50%;
@@ -268,12 +274,14 @@ li.ui-li-thumbnail-right {
        &.ui-li-static {
                padding-top : 10 * @unit_base;
                padding-bottom : 58 * @unit_base;
-/*             padding-left : 16 * @unit_base;
-               padding-right : 16 * @unit_base;
-               display: block;*/
 
                min-height : 60 * @unit_base;
        }
+
+       a {
+               .LESStext-ellipsis();
+               padding-right : 16 * @unit_base; /* ellipsis for normal text */
+       }
 }
 
 
@@ -338,8 +346,6 @@ li.ui-li-thumbnail-right {
        border-left-width : 1px;
        border-left-style : solid;
        border-left-color : @color_list_divider_expand_div;
-
-
 }
 
 
@@ -351,6 +357,7 @@ li.ui-li-thumbnail-right {
        }
        .ui-li-text-sub {
                padding-left: 104 * @unit_base;
+               padding-right: 16 * @unit_base; /* ellipsis for sub text */
        }
 }
 
@@ -379,6 +386,35 @@ li.ui-li-thumbnail-right {
        }
 }
 
+.ui-li.ui-li-has-right-circle-btn {
+       .ui-btn-inner a {
+               padding-right : 96 * @unit_base;
+       }
+}
+
+.ui-li.ui-li-has-right-btn {
+       .ui-btn-inner a {
+               padding-right : 256 * @unit_base;
+       }
+}
+
+.ui-li.ui-li-thumbnail-right {
+       .ui-btn-inner a {
+               padding-right : 104 * @unit_base;
+       }
+}
+.ui-li.ui-li-static.ui-li-has-right-circle-btn {
+       padding-right : 96 * @unit_base;
+}
+
+.ui-li.ui-li-static.ui-li-has-right-btn {
+       padding-right : 256 * @unit_base;
+}
+
+.ui-li.ui-li-static.ui-li-thumbnail-right {
+       padding-right : 104 * @unit_base;
+}
+
 .ui-li-has-icon {
        .ui-btn-inner a.ui-link-inherit,
        &.ui-li-static {
@@ -395,9 +431,7 @@ li.ui-li-thumbnail-right {
        font-weight: bold;
        display: block;
        margin: .6em 0;
-       text-overflow: ellipsis;
-       overflow: hidden;
-       white-space: nowrap;
+       .LESStext-ellipsis();
 }
 
 .ui-li-thumb,
@@ -429,18 +463,20 @@ li.ui-li-thumbnail-right {
        text-align: right;
        font-size: @font_size_list_sub_text;
        color: @color_list_sub_text_default;
-/*     top: 50%;
-       margin-top: -0.5em;*/
 
        position : absolute;
        right : 16 * @unit_base;
        top : 16 * @unit_base;
-               > img {
-                       position : relative;
-                       width: @list-smallicon-size;
-                       height: @list-smallicon-size;
-                       margin: 0 @list-li-padding-horizontal 0 @list-li-padding-horizontal;
-               }
+
+       width   : 95%;
+       .LESStext-ellipsis();
+
+       > img {
+               position : relative;
+               width: @list-smallicon-size;
+               height: @list-smallicon-size;
+               margin: 0 @list-li-padding-horizontal 0 @list-li-padding-horizontal;
+       }
 }
 
 .ui-li-text-sub2 {
@@ -453,16 +489,18 @@ li.ui-li-thumbnail-right {
        right : 16 * @unit_base;
        top : 16 * @unit_base;
 
-               > img {
-                       width: @list-smallicon-size;
-                       height: @list-smallicon-size;
-                       margin: 0 0 0 @list-li-padding-horizontal;
-               }
+       width : 60%;
+       .LESStext-ellipsis();
+
+       > img {
+               width: @list-smallicon-size;
+               height: @list-smallicon-size;
+               margin: 0 0 0 @list-li-padding-horizontal;
+       }
 }
 /*
 li:not(.ui-li-has-multiline) .ui-li-text-sub {
        position : absolute;
-
        right : 16 * @unit_base;
        top: 22 * @unit_base;
        margin-top: 0px;
@@ -470,11 +508,14 @@ li:not(.ui-li-has-multiline) .ui-li-text-sub {
 .ui-li-has-multiline .ui-li-text-sub {
        position : absolute;
 
+       text-align: left;
        right : auto;
        left : 16 * @unit_base;
        top: 70 * @unit_base;
        margin-top: 0px;
 
+       width : 90%;
+       .LESStext-ellipsis();
 }
 
 .ui-li-icon-sub-right,
@@ -512,6 +553,11 @@ li:not(.ui-li-has-multiline) .ui-li-text-sub {
                        background : @color_list_dialogue_bg;
                }
        }
+       &> li.ui-li-dialogue.ui-li-expanded {
+               padding-left : 44 * @unit_base;
+               min-height : 52 * @unit_base;
+       }
+
 
        &> li.ui-li-dialogue.ui-li-divider {
                height: 32 * @unit_base;
@@ -607,7 +653,7 @@ li:not(.ui-li-has-multiline) .ui-li-text-sub {
                .LESSimg-expand-icon;
        }
        .ui-li-expanded {
-               overflow: hidden;
+               overflow-x: hidden;
        }
        .ui-li-expand-transition-show {
                visibility: visible;
@@ -623,6 +669,7 @@ li:not(.ui-li-has-multiline) .ui-li-text-sub {
                -webkit-transition: all 0.2s ease;
                -moz-transition: all 0.2s ease;
                -o-transition: all 0.2s ease;
+               -ms-transition: all 0.2s ease;
                transition: all 0.2s ease;
        }
 }