src/themes/tizen/common/jquery.mobile.tizen.virtualgridview.less

   1 /*
   2  * jQuery Mobile Framework
   3  * Copyright (c) jQuery Project
   4  * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt)
   5  * licenses.
   6  */
   7
   8 /*** less definitions ***/
   9
  10 @import "config.less";
  11
  12 .ui-virtualgrid {
  13         overflow : hidden;
  14         position : absolute;
  15 }
  16
  17 .ui-virtualgrid-wrapblock {
  18         position : absolute;
  19         left : 0;
  20 }
  21
  22 .ui-virtualgrid-wrapblock-x {
  23         float : left;
  24         overflow: hidden;
  25 }
  26
  27 .ui-scrollbar-thumb-x {
  28         width : 1.5rem !important;
  29 }
  30
  31 .ui-scrollbar-thumb-y {
  32         height : 1.5rem !important;
  33 }
  34
  35 .ui-virtualgrid-overflow-indicator-x-top {
  36         position : absolute;
  37         display : block;
  38         left : 0;
  39         top : 0;
  40         width : 10 * @unit_base;
  41         height : 100%;
  42         opacity : 0;
  43         background : -webkit-gradient(linear,
  44                                 right top,
  45                                 left top,
  46                                 color-stop(0, rgba(128,128,128,0)),
  47                                 color-stop(1, rgba(128,128,128,1)));
  48         pointer-events : none;
  49 }
  50
  51 .ui-virtualgrid-overflow-indicator-x-bottom {
  52         position : absolute;
  53         display : block;
  54         right : 0;
  55         bottom : 0;
  56         width : 10 * @unit_base;
  57         height : 100%;
  58         opacity : 0;
  59         background : -webkit-gradient(linear,
  60                                 right top,
  61                                 left top,
  62                                 color-stop(0, rgba(128,128,128,1)),
  63                                 color-stop(1, rgba(128,128,128,0)));
  64         pointer-events : none;
  65 }
  66
  67 .ui-virtualgrid-overflow-indicator-y-top {
  68         position : absolute;
  69         display : block;
  70         top : 0;
  71         width : 100%;
  72         height : 10 * @unit_base;
  73         opacity : 0;
  74         background : -webkit-gradient(linear,
  75                                 left bottom,
  76                                 left top,
  77                                 color-stop(0, rgba(128,128,128,0)),
  78                                 color-stop(1, rgba(128,128,128,1)));
  79         pointer-events : none;
  80 }
  81
  82 .ui-virtualgrid-overflow-indicator-y-bottom {
  83         position : absolute;
  84         display : block;
  85         bottom : 0;
  86         width : 100%;
  87         height : 10 * @unit_base;
  88         opacity : 0;
  89         background : -webkit-gradient(linear,
  90                                 left bottom,
  91                                 left top,
  92                                 color-stop(0, rgba(128,128,128,1)),
  93                                 color-stop(1, rgba(128,128,128,0)));
  94         pointer-events : none;
  95 }
  96
  97 /*
  98  * padding here set to zero - otherwise the list scrolls underneith the top heading and can be seen above it
  99  */
 100 .ui-content.ui-virtualgrid-content {
 101   padding : 0;
 102 }