resources/themes/stylesheets/ext4/default/util/_dragdrop.scss

   1 @mixin extjs-dragdrop {
   2     .#{$prefix}dd-drag-proxy {
   3
   4     }
   5
   6     .#{$prefix}dd-drag-repair {
   7         .#{$prefix}dd-drag-ghost {
   8             @include opacity(.6);
   9         }
  10
  11         .#{$prefix}dd-drop-icon {
  12             display: none;
  13         }
  14     }
  15
  16     .#{$prefix}dd-drag-ghost {
  17         @include opacity(.85);
  18
  19         padding: 5px;
  20         padding-left: 20px;
  21
  22         white-space: nowrap;
  23
  24         color: #000;
  25         font: normal ceil($font-size * .9) $font-family;
  26
  27         border: 1px solid;
  28         border-color: #ddd #bbb #bbb #ddd;
  29
  30         background-color: #fff;
  31     }
  32
  33     .#{$prefix}dd-drop-icon {
  34         position: absolute;
  35         top: 3px;
  36         left: 3px;
  37
  38         display: block;
  39
  40         width: 16px;
  41         height: 16px;
  42
  43         background-color: transparent;
  44         background-position:  center;
  45         background-repeat:  no-repeat;
  46
  47         z-index: 1;
  48     }
  49
  50     .#{$prefix}view-selector {
  51         position: absolute;
  52         left: 0;
  53         top: 0;
  54
  55         width: 0;
  56
  57         background-color: #c3daf9;
  58         border: 1px dotted #3399bb;
  59
  60         @include opacity(.5);
  61
  62         zoom: 1;
  63     }
  64
  65     .#{$prefix}dd-drop-nodrop .#{$prefix}dd-drop-icon {
  66         background-image: theme-background-image($theme-name, 'dd/drop-no.gif');
  67     }
  68
  69     .#{$prefix}dd-drop-ok .#{$prefix}dd-drop-icon {
  70         background-image: theme-background-image($theme-name, 'dd/drop-yes.gif');
  71     }
  72
  73     .#{$prefix}dd-drop-ok-add .#{$prefix}dd-drop-icon {
  74         background-image: theme-background-image($theme-name, 'dd/drop-add.gif');
  75     }
  76 }