_dragdrop.scss 1.7 KB

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