virtualgrid: apply overscrolling images to the style of widget

diff --git a/src/themes/tizen/common/jquery.mobile.tizen.virtualgridview.less b/src/themes/tizen/common/jquery.mobile.tizen.virtualgridview.less
index b18bf90..51d2596 100644 (file)
--- a/src/themes/tizen/common/jquery.mobile.tizen.virtualgridview.less
+++ b/src/themes/tizen/common/jquery.mobile.tizen.virtualgridview.less
@@ -37,14 +37,12 @@
        display : block;
        left : 0;
        top : 0;
-       width : 10 * @unit_base;
+       width : 56%;
        height : 100%;
        opacity : 0;
-       background : -webkit-gradient(linear,
-                               right top,
-                               left top,
-                               color-stop(0, rgba(128,128,128,0)),
-                               color-stop(1, rgba(128,128,128,1)));
+       background-repeat : no-repeat;
+       -webkit-background-size: 100% 100%;
+       background-image: url(./images/00_grid_overscrolling_left.png);
        pointer-events : none;
 }
 
@@ -53,14 +51,12 @@
        display : block;
        right : 0;
        bottom : 0;
-       width : 10 * @unit_base;
+       width : 56%;
        height : 100%;
        opacity : 0;
-       background : -webkit-gradient(linear,
-                               right top,
-                               left top,
-                               color-stop(0, rgba(128,128,128,1)),
-                               color-stop(1, rgba(128,128,128,0)));
+       background-repeat : no-repeat;
+       -webkit-background-size: 100% 100%;
+       background-image: url(./images/00_grid_overscrolling_right.png);
        pointer-events : none;
 }
 
@@ -69,13 +65,11 @@
        display : block;
        top : 0;
        width : 100%;
-       height : 10 * @unit_base;
+       height : 32%;
        opacity : 0;
-       background : -webkit-gradient(linear,
-                               left bottom,
-                               left top,
-                               color-stop(0, rgba(128,128,128,0)),
-                               color-stop(1, rgba(128,128,128,1)));
+       background-repeat : no-repeat;
+       -webkit-background-size: 100% 100%;
+       background-image: url(./images/00_grid_overscrolling_top.png);
        pointer-events : none;
 }
 
@@ -84,13 +78,11 @@
        display : block;
        bottom : 0;
        width : 100%;
-       height : 10 * @unit_base;
+       height : 32%;
        opacity : 0;
-       background : -webkit-gradient(linear,
-                               left bottom,
-                               left top,
-                               color-stop(0, rgba(128,128,128,1)),
-                               color-stop(1, rgba(128,128,128,0)));
+       background-repeat : no-repeat;
+       -webkit-background-size: 100% 100%;
+       background-image: url(./images/00_grid_overscrolling_bottom.png);
        pointer-events : none;
 }
 

diff --git a/src/themes/tizen/tizen-black/images/00_grid_overscrolling_bottom.png b/src/themes/tizen/tizen-black/images/00_grid_overscrolling_bottom.png
new file mode 100755 (executable)
index 0000000..773488a
Binary files /dev/null and b/src/themes/tizen/tizen-black/images/00_grid_overscrolling_bottom.png differ

diff --git a/src/themes/tizen/tizen-black/images/00_grid_overscrolling_left.png b/src/themes/tizen/tizen-black/images/00_grid_overscrolling_left.png
new file mode 100755 (executable)
index 0000000..77a8dc5
Binary files /dev/null and b/src/themes/tizen/tizen-black/images/00_grid_overscrolling_left.png differ

diff --git a/src/themes/tizen/tizen-black/images/00_grid_overscrolling_right.png b/src/themes/tizen/tizen-black/images/00_grid_overscrolling_right.png
new file mode 100755 (executable)
index 0000000..6831d70
Binary files /dev/null and b/src/themes/tizen/tizen-black/images/00_grid_overscrolling_right.png differ

diff --git a/src/themes/tizen/tizen-black/images/00_grid_overscrolling_top.png b/src/themes/tizen/tizen-black/images/00_grid_overscrolling_top.png
new file mode 100755 (executable)
index 0000000..0ddf4ec
Binary files /dev/null and b/src/themes/tizen/tizen-black/images/00_grid_overscrolling_top.png differ

diff --git a/src/themes/tizen/tizen-white/images/00_grid_overscrolling_bottom.png b/src/themes/tizen/tizen-white/images/00_grid_overscrolling_bottom.png
new file mode 100755 (executable)
index 0000000..773488a
Binary files /dev/null and b/src/themes/tizen/tizen-white/images/00_grid_overscrolling_bottom.png differ

diff --git a/src/themes/tizen/tizen-white/images/00_grid_overscrolling_left.png b/src/themes/tizen/tizen-white/images/00_grid_overscrolling_left.png
new file mode 100755 (executable)
index 0000000..77a8dc5
Binary files /dev/null and b/src/themes/tizen/tizen-white/images/00_grid_overscrolling_left.png differ

diff --git a/src/themes/tizen/tizen-white/images/00_grid_overscrolling_right.png b/src/themes/tizen/tizen-white/images/00_grid_overscrolling_right.png
new file mode 100755 (executable)
index 0000000..6831d70
Binary files /dev/null and b/src/themes/tizen/tizen-white/images/00_grid_overscrolling_right.png differ

diff --git a/src/themes/tizen/tizen-white/images/00_grid_overscrolling_top.png b/src/themes/tizen/tizen-white/images/00_grid_overscrolling_top.png
new file mode 100755 (executable)
index 0000000..0ddf4ec
Binary files /dev/null and b/src/themes/tizen/tizen-white/images/00_grid_overscrolling_top.png differ