Button: Button icon scrolltop, left has beed added
authorhjnim.kim <hjnim.kim@samsung.com>
Fri, 21 Dec 2012 08:38:37 +0000 (17:38 +0900)
committerMinkyu Kang <mk7.kang@samsung.com>
Fri, 4 Jan 2013 11:19:31 +0000 (20:19 +0900)
Button icon scrolltop,left and demo have been added( using scroll top widget )

Change-Id: If29dc406e3edeb7a75e6fa191656d0c7321ca83a
Signed-off: Hyunjung Kim <hjnim.kim@samsung.com>

demos/tizen-winsets/widgets/button/button.html
src/themes/tizen/common/jquery.mobile.button.less
src/themes/tizen/tizen-white/images/controls/button/00_icon_jump.png [new file with mode: 0644]
src/themes/tizen/tizen-white/images/controls/button/00_icon_jump_left.png [new file with mode: 0644]

index 40c766b..dfb9cb4 100755 (executable)
@@ -52,6 +52,8 @@
                        <li class="ui-li-1line-btn2">List item<div  data-role="button" data-inline="true" data-icon="star" data-style="nobg"></div></li>
                        <li class="ui-li-1line-btn2">List item<div  data-role="button" data-inline="true" data-style="round">Test</div></li>
                        <li class="ui-li-1line-btn2">List item<div  data-role="button" data-inline="true" data-icon="star" data-style="box"></div></li>
+                       <li class="ui-li-1line-btn2">List item<div  data-role="button" data-inline="true" data-icon="scrolltop" data-style="box"></div></li>
+                       <li class="ui-li-1line-btn2">List item<div  data-role="button" data-inline="true" data-icon="scrollleft" data-style="box"></div></li>
                        <li data-role="list-divider">custom buttons</li>
                        <li><a href="buttonNolist.html">Buttons Pages(not in list) </a></li>
                </ul>
index 4a1be8f..72e19f1 100755 (executable)
        /* margin-top : 50 */
        /* top : -32 * @unit_base; */
 }
+.tizen-smallicon-common
+{
+       width: 20 * @unit_base ! important;
+       height: 20 * @unit_base ! important;
+       top: 50% ! important;
+       left: 50% ! important;
+       margin-top: -20 * @unit_base / 2 ! important;
+       margin-left: -20 * @unit_base / 2 ! important;
+}
 
 .ui-icon-bg                    {.tizen-icon-common;    background-image: url(images/00_btn_circle_bg_normal.png);      z-index:0; }
 .ui-icon-arrow-l               {.tizen-icon-common;    background-image: url(images/controls/button/00_button_left.png);       }
 .ui-icon-search                        {.tizen-icon-common;    background-image: url(images/controls/button/00_button_search.png);     }
 .ui-icon-call                  {.tizen-icon-common;    background-image: url(images/controls/button/00_button_call.png);        }
 .ui-icon-rename                        {.tizen-icon-common;    background-image: url(images/controls/button/00_button_rename.png);      }
-
+.ui-icon-scrolltop                     {.tizen-smallicon-common;       background-image: url(images/controls/button/00_icon_jump.png);  }
+.ui-icon-scrollleft                    {.tizen-smallicon-common;       background-image: url(images/controls/button/00_icon_jump_left.png);     }
 
 .ui-icon-expandable-divider-opened {
        width: 42 * @unit_base;
 .ui-btn-down-s .ui-icon-search                 {.tizen-icon-common;    background-image: url(images/controls/button/00_button_search_press.png);       }
 .ui-btn-down-s .ui-icon-call                   {.tizen-icon-common;    background-image: url(images/controls/button/00_button_call_press.png);  }
 .ui-btn-down-s .ui-icon-rename                 {.tizen-icon-common;    background-image: url(images/controls/button/00_button_rename_press.png);        }
-
+.ui-btn-down-s .ui-icon-scrolltop                      {.tizen-smallicon-common;       background-image: url(images/controls/button/00_icon_jump.png);  }
+.ui-btn-down-s .ui-icon-scrollleft                     {.tizen-smallicon-common;       background-image: url(images/controls/button/00_icon_jump_left.png);     }
 
 .ui-btn-inner.ui-btn-icon-only
 {
diff --git a/src/themes/tizen/tizen-white/images/controls/button/00_icon_jump.png b/src/themes/tizen/tizen-white/images/controls/button/00_icon_jump.png
new file mode 100644 (file)
index 0000000..d25eaf4
Binary files /dev/null and b/src/themes/tizen/tizen-white/images/controls/button/00_icon_jump.png differ
diff --git a/src/themes/tizen/tizen-white/images/controls/button/00_icon_jump_left.png b/src/themes/tizen/tizen-white/images/controls/button/00_icon_jump_left.png
new file mode 100644 (file)
index 0000000..f1f071f
Binary files /dev/null and b/src/themes/tizen/tizen-white/images/controls/button/00_icon_jump_left.png differ