_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 }