scrolljump: modify button style

Since scrolltop/left button is added,
use a button style instead of custum button.

Change-Id: I19fb9cf51369f8e0b0bfff7b536c02ea28f4e3e5

diff --git a/src/themes/tizen/common/jquery.mobile.button.less b/src/themes/tizen/common/jquery.mobile.button.less
index a89d564..4a1be8f 100755 (executable)
--- a/src/themes/tizen/common/jquery.mobile.button.less
+++ b/src/themes/tizen/common/jquery.mobile.button.less
@@ -106,11 +106,6 @@
        box-shadow: none;
 }
 
-.ui-scroll-jump-top-bg .ui-btn-icon-left .ui-btn-inner
-{
-       padding-left: 0;
-}
-
 .ui-btn-icon-top .ui-btn-inner.ui-btn-hastxt, .ui-li .ui-btn-icon-top .ui-btn-inner.ui-btn-hastxt
 {
        padding-top: 52 * @unit_base;

diff --git a/src/themes/tizen/common/jquery.mobile.tizen.scrollview.less b/src/themes/tizen/common/jquery.mobile.tizen.scrollview.less
index 487deb1..df842ed 100644 (file)
--- a/src/themes/tizen/common/jquery.mobile.tizen.scrollview.less
+++ b/src/themes/tizen/common/jquery.mobile.tizen.scrollview.less
@@ -78,18 +78,6 @@
        height: 37 * @unit_base;
 }
 
-.ui-icon-jumptop {
-       background: url(images/00_icon_jump.png) no-repeat;
-       .LESSbackground-size(19 * @unit_base, 19 * @unit_base);
-       background-position: 9 * @unit_base 9 * @unit_base;
-}
-
-.ui-icon-jumpleft {
-       background: url(images/00_icon_jump_left.png) no-repeat;
-       .LESSbackground-size(19 * @unit_base, 19 * @unit_base);
-       background-position: 9 * @unit_base 9 * @unit_base;
-}
-
 @-webkit-keyframes ui-overflow-show-lite {
        from {
                opacity: 0;

diff --git a/src/widgets/common/js/jquery.mobile.tizen.scrollview.js b/src/widgets/common/js/jquery.mobile.tizen.scrollview.js
index fc39fbf..6816192 100644 (file)
--- a/src/widgets/common/js/jquery.mobile.tizen.scrollview.js
+++ b/src/widgets/common/js/jquery.mobile.tizen.scrollview.js
@@ -1243,7 +1243,7 @@
 
                        if ( this._vTracker ) {
                                top_btn = $( '<div class="ui-scroll-jump-top-bg">' +
-                                               '<div data-role="button" data-inline="true" data-icon="jumptop" style="width:37px;height:37px">.</div></div>' );
+                                               '<div data-role="button" data-inline="true" data-icon="scrolltop" data-style="box"></div></div>' );
                                $c.append( top_btn ).trigger("create");
 
                                top_btn.bind( "vclick", function () {
@@ -1253,7 +1253,7 @@
 
                        if ( this._hTracker ) {
                                left_btn = $( '<div class="ui-scroll-jump-left-bg">' +
-                                               '<div data-role="button" data-inline="true" data-icon="jumpleft" style="width:37px;height:37px">.</div></div>' );
+                                               '<div data-role="button" data-inline="true" data-icon="scrollleft" data-style="box"></div></div>' );
                                $c.append( left_btn ).trigger("create");
 
                                left_btn.bind( "vclick", function () {