_dragdrop.scss 1.7 KB

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