DialogueList : delete border top value / add sample's text ellipsis

Change-Id: Ibd69c44b527d6d3a44aac2061a25b3cc08fcedbd

diff --git a/demos/tizen-winsets/widgets/list/list-dialogue.html b/demos/tizen-winsets/widgets/list/list-dialogue.html
index 3aa4c85..92588a9 100644 (file)
--- a/demos/tizen-winsets/widgets/list/list-dialogue.html
+++ b/demos/tizen-winsets/widgets/list/list-dialogue.html
@@ -99,28 +99,28 @@
                        </li>
 
                        <li data-role="list-divider" data-style="dialogue">Dialogue (with link)</li>
-                       <li class="ui-li-dialogue">
+                       <li class="ui-li-dialogue ui-li-text-ellipsis">
                                <a>1line (with link)</a>
                        </li>
-                       <li class="ui-li-dialogue">
+                       <li class="ui-li-dialogue ui-li-text-ellipsis">
                                <a>
                                1line-sub (with link)
                                <span class="ui-li-text-sub">subtext</span>
                                </a>
                        </li>
-                       <li class="ui-li-dialogue">
+                       <li class="ui-li-dialogue ui-li-text-ellipsis">
                                <a>
                                        1line-btn1 (with link)
                                        <div data-role="button" data-inline="true">Button</div>
                                </a>
                        </li>
-                       <li class="ui-li-dialogue">
+                       <li class="ui-li-dialogue ui-li-text-ellipsis">
                                <a>
                                        1line-circle button (with link)
                                        <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
                                </a>
                        </li>
-                       <li class="ui-li-dialogue">
+                       <li class="ui-li-dialogue ui-li-text-ellipsis">
                                <a>
                                        1line-toggle (with link)
                                        <select name="flip-11" id="flip-11" data-role="slider">
@@ -129,34 +129,34 @@
                                        </select>
                                </a>
                        </li>
-                       <li class="ui-li-dialogue">
+                       <li class="ui-li-dialogue ui-li-text-ellipsis">
                                <a>
                                        1line-bigicon1 (with link)
                                        <img src="thumbnail.jpg" class="ui-li-bigicon">
                                </a>
                        </li>
-                       <li class="ui-li-dialogue">
+                       <li class="ui-li-dialogue ui-li-text-ellipsis">
                                <a>
-                                       1line-bigicon2 (with link)
+                                       1line-bigicon2
                                        <img src="thumbnail.jpg" class="ui-li-bigicon">
                                        <span class="ui-li-text-sub">Sub text</span>
                                </a>
                        </li>
-                       <li class="ui-li-dialogue">
+                       <li class="ui-li-dialogue ui-li-text-ellipsis">
                                <a>
                                        1line-bigicon4 (with link)
                                        <img src="thumbnail.jpg" class="ui-li-bigicon">
                                        <div data-role="button" data-inline="true">Button</div>
                                </a>
                        </li>
-                       <li class="ui-li-dialogue">
+                       <li class="ui-li-dialogue ui-li-text-ellipsis">
                                <a>
                                        1line-bigicon5 (with link)
                                        <img src="thumbnail.jpg" class="ui-li-bigicon">
                                        <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
                                </a>
                        </li>
-                       <li class="ui-li-dialogue">
+                       <li class="ui-li-dialogue ui-li-text-ellipsis">
                                <a>
                                        1line-bigicon5 (with link)
                                        <img src="thumbnail.jpg" class="ui-li-bigicon">
@@ -166,55 +166,55 @@
                                        </select>
                                </a>
                        </li>
-                       <li class="ui-li-dialogue">
+                       <li class="ui-li-dialogue ui-li-text-ellipsis">
                                <a>
                                        <input type="checkbox" data-style="check" name="c1line-check2" />
                                        1line-check1 (with link)
                                        <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
                                </a>
                        </li>
-                       <li class="ui-li-dialogue">
+                       <li class="ui-li-dialogue ui-li-text-ellipsis">
                                <a>
                                        <input type="radio" name="radio" />
                                        1line-radio3 (with link)
                                        <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
                                </a>
                        </li>
-                       <li class="ui-li-has-multiline ui-li-dialogue">
+                       <li class="ui-li-has-multiline ui-li-dialogue ui-li-text-ellipsis">
                                <a>
                                        2line (with link)
                                        <span class="ui-li-text-sub">Subtext</span>
                                </a>
                        </li>
-                       <li class="ui-li-has-multiline ui-li-dialogue">
+                       <li class="ui-li-has-multiline ui-li-dialogue ui-li-text-ellipsis">
                                <a>
                                        2line-2sub (with link)
                                        <span class="ui-li-text-sub">Subtext</span>
                                        <span class="ui-li-text-sub2">Subtext2</span>
                                </a>
                        </li>
-                       <li class="ui-li-has-multiline ui-li-dialogue">
+                       <li class="ui-li-has-multiline ui-li-dialogue ui-li-text-ellipsis">
                                <a>
                                        2line-btn1 (with link)
                                        <span class="ui-li-text-sub">Subtext</span>
                                        <div data-role="button" data-inline="true">button</div>
                                </a>
                        </li>
-                       <li class="ui-li-has-multiline ui-li-dialogue">
+                       <li class="ui-li-has-multiline ui-li-dialogue ui-li-text-ellipsis">
                                <a>
                                        <input type="checkbox"  name="c2line-check1" />
                                        2line-check (with link)
                                        <span class="ui-li-text-sub">Subtext</span>
                                </a>
                        </li>
-                       <li class="ui-li-has-multiline ui-li-dialogue">
+                       <li class="ui-li-has-multiline ui-li-dialogue ui-li-text-ellipsis">
                                <a>
                                        <input type="radio" name="radio" />
                                        2line-radio1 (with link)
                                        <span class="ui-li-text-sub">Subtext</span>
                                </a>
                        </li>
-                       <li class="ui-li-has-multiline ui-li-dialogue">
+                       <li class="ui-li-has-multiline ui-li-dialogue ui-li-text-ellipsis">
                                <a>
                                        2line-toggle-setting (with link)
                                        <span class="ui-li-text-sub">Subtext</span>

diff --git a/src/themes/tizen/common/jquery.mobile.listview.less b/src/themes/tizen/common/jquery.mobile.listview.less
index cf35e59..6699c62 100644 (file)
--- a/src/themes/tizen/common/jquery.mobile.listview.less
+++ b/src/themes/tizen/common/jquery.mobile.listview.less
@@ -694,7 +694,7 @@ li:not(.ui-li-has-multiline) .ui-li-text-sub {
 // Dialogue
 // =========
 .ui-listview {
-        li.ui-li-dialogue {
+       li.ui-li-dialogue {
                margin-left: 4 * @unit_base;
                margin-right : 4 * @unit_base;
                padding-left : 10 * @unit_base;
@@ -703,6 +703,7 @@ li:not(.ui-li-has-multiline) .ui-li-text-sub {
                border-style : solid;
                border-color : @color_dialogue_border_right;
                border-width : 1px;
+               border-top-width : 0px;
 
                > .ui-btn-inner {
                        margin-left : 0px;
@@ -762,6 +763,10 @@ li:not(.ui-li-has-multiline) .ui-li-text-sub {
                }
        }
 
+       li.ui-li-divider + .ui-li-dialogue {
+               border-top-width : 1px;
+       }
+
        &> li.ui-li-dialogue.ui-body-s,
        &> li.ui-li-dialogue.ui-btn-hover-up-s:not(.ui-btn-down-s),
        &> li.ui-li-dialogue.ui-btn-up-s {