src/resources/themes/stylesheets/sencha-touch/bb10/src/field/_Select.scss

   1 /**
   2  * @class Ext.field.Select
   3  */
   4
   5 .x-form .x-field-select {
   6         padding-bottom: 18px;
   7 }
   8
   9 .x-field-select {
  10         padding-left: 5px;
  11         padding-right: 5px;
  12
  13         .x-component-outer {
  14                 @include st-box;
  15                 @include st-box-align(center);
  16                 @include st-box-direction(horizontal);
  17                 @include border-radius($button-border-radius);
  18                 @include background(linear-gradient(color-stops(#C6C3C6, #E7E7E7)));
  19                 position: relative;
  20                 width: 100%;
  21                 height: 43px;
  22                 padding: 0 3px;
  23                 position: relative;
  24                 border: 1px solid #CECACE;
  25
  26                 overflow: hidden;
  27                 z-index: 1;
  28
  29                 &:before {
  30                         content: '';
  31                         position: absolute;
  32                         z-index: -1;
  33                         top: 1px;
  34                         right: 1px;
  35                         bottom: 1px;
  36                         left: 1px;
  37                         border: 1px solid #B9B7B9;
  38                         @include border-radius(4px);
  39                         @include background(linear-gradient(color-stops(#FFFFFF, #DEDFDE)));
  40                 }
  41
  42                 .x-form-label {
  43                         font-size: 15px;
  44                         line-height: inherit;
  45                 }
  46
  47                 .x-field-input {
  48                         @include st-box-flex(1);
  49                 }
  50
  51                 .x-input-el {
  52                         background: transparent;
  53                         border: 0px;
  54                         text-align: right;
  55                         padding: 0px;
  56                         font-size: 15px;
  57                         text-overflow: ellipsis;
  58                 }
  59         }
  60 }
  61
  62 .x-panel.x-select-overlay {
  63         > .x-panel-inner {
  64                 overflow: hidden;
  65                 border: 1px solid #cfcdcf;
  66         }
  67
  68         .x-list {
  69                 background: #e3e0e3;
  70
  71                 .x-list-item {
  72                         border-color: #cfcdcf;
  73                         color: #5e5d5e;
  74                 }
  75
  76                 .x-item-selected {
  77                         @include box-shadow(none);
  78                         background-color: #efebef;
  79                         color: #343334;
  80                 }
  81
  82                 .x-item-pressed {
  83                         background-color: $base-color;
  84                         color: #fff;
  85                 }
  86         }
  87 }