src/resources/themes/stylesheets/sencha-touch/base/src/picker/_Picker.scss

   1 /**
   2  * @class Ext.picker.Picker
   3  */
   4
   5 .x-sheet.x-picker {
   6     padding: 0;
   7 }
   8
   9 .x-sheet.x-picker .x-sheet-inner {
  10     background-color: #fff;
  11     overflow: hidden;
  12
  13     .x-picker-slot {
  14         .x-body {
  15             border-left: 1px solid #999999;
  16             border-right: 1px solid #ACACAC;
  17         }
  18
  19         &.x-first {
  20             .x-body {
  21                 border-left: 0;
  22             }
  23         }
  24
  25         &.x-last {
  26             .x-body {
  27                 border-left: 0;
  28                 border-right: 0;
  29             }
  30         }
  31     }
  32 }
  33
  34 .x-picker-slot .x-scroll-view {
  35     z-index: 2;
  36     position: relative;
  37 }
  38
  39 .x-picker-mask {
  40     position: absolute;
  41     top: 0;
  42     left: 0;
  43     right: 0;
  44     bottom: 0;
  45     z-index: 3;
  46     @include st-box;
  47     @include st-box-align(stretch);
  48     @include st-box-orient(vertical);
  49     @include st-box-pack(center);
  50     pointer-events: none;
  51 }
  52
  53 .x-picker-slot-title {
  54     position: relative;
  55     z-index: 2;
  56
  57     > div {
  58         @include ellipsis;
  59         font-weight: bold;
  60     }
  61 }
  62
  63 .x-picker-slot {
  64     .x-dataview-inner {
  65         width: 100% !important;
  66     }
  67
  68     .x-dataview-item {
  69         vertical-align: middle;
  70         height: 30px;
  71         line-height: 30px;
  72
  73         &.x-item-selected {
  74             font-weight: bold;
  75         }
  76     }
  77
  78     .x-picker-item {
  79         @include ellipsis();
  80     }
  81 }
  82
  83 .x-ie .x-picker-item {
  84     cursor: default;
  85 }
  86
  87 .x-ie .x-picker-item::before{
  88     content: ". .";
  89     color: transparent;
  90     position: absolute;
  91     left: 0px;
  92     word-spacing: 3000px;
  93 }
  94
  95 .x-picker-right {
  96     text-align: right;
  97 }
  98
  99 .x-picker-center {
 100     text-align: center;
 101 }
 102
 103 .x-picker-left {
 104     text-align: left;
 105 }