partkeepr

fork of partkeepr
git clone https://git.e1e0.net/partkeepr.git
Log | Files | Refs | Submodules | README | LICENSE

_dragdrop.scss (1744B)


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