_dragdrop.scss.html 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>The source code</title>
  6. <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />
  7. <script type="text/javascript" src="../resources/prettify/prettify.js"></script>
  8. <style type="text/css">
  9. .highlight { display: block; background-color: #ddd; }
  10. </style>
  11. <script type="text/javascript">
  12. function highlight() {
  13. document.getElementById(location.hash.replace(/#/, "")).className = "highlight";
  14. }
  15. </script>
  16. </head>
  17. <body onload="prettyPrint(); highlight();">
  18. <pre class="prettyprint lang-js">@mixin extjs-dragdrop {
  19. // Must always be on top
  20. .#{$prefix}dd-drag-proxy {
  21. z-index: 1000000!important;
  22. }
  23. .#{$prefix}dd-drag-repair {
  24. .#{$prefix}dd-drag-ghost {
  25. @include opacity(.6);
  26. }
  27. .#{$prefix}dd-drop-icon {
  28. display: none;
  29. }
  30. }
  31. .#{$prefix}dd-drag-ghost {
  32. @include opacity(.85);
  33. padding: 5px;
  34. padding-left: 20px;
  35. white-space: nowrap;
  36. color: #000;
  37. font: normal ceil($font-size * .9) $font-family;
  38. border: 1px solid;
  39. border-color: #ddd #bbb #bbb #ddd;
  40. background-color: #fff;
  41. }
  42. .#{$prefix}dd-drop-icon {
  43. position: absolute;
  44. top: 3px;
  45. left: 3px;
  46. display: block;
  47. width: 16px;
  48. height: 16px;
  49. background-color: transparent;
  50. background-position: center;
  51. background-repeat: no-repeat;
  52. z-index: 1;
  53. }
  54. .#{$prefix}view-selector {
  55. position: absolute;
  56. left: 0;
  57. top: 0;
  58. width: 0;
  59. background-color: #c3daf9;
  60. border: 1px dotted #3399bb;
  61. @include opacity(.5);
  62. zoom: 1;
  63. }
  64. .#{$prefix}dd-drop-nodrop .#{$prefix}dd-drop-icon {
  65. background-image: theme-background-image($theme-name, 'dd/drop-no.gif');
  66. }
  67. .#{$prefix}dd-drop-ok .#{$prefix}dd-drop-icon {
  68. background-image: theme-background-image($theme-name, 'dd/drop-yes.gif');
  69. }
  70. .#{$prefix}dd-drop-ok-add .#{$prefix}dd-drop-icon {
  71. background-image: theme-background-image($theme-name, 'dd/drop-add.gif');
  72. }
  73. }</pre>
  74. </body>
  75. </html>