resizable.css 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. .ng-resizable {
  2. position: relative;
  3. }
  4. .ng-resizable-handle {
  5. position: absolute;
  6. font-size: 0.1px;
  7. display: block;
  8. -ms-touch-action: none;
  9. touch-action: none;
  10. }
  11. .ng-resizable-handle.ng-resizable-e {
  12. cursor: e-resize;
  13. width: 7px;
  14. right: -5px;
  15. height: 100%;
  16. top: 0;
  17. }
  18. .ng-resizable-handle.ng-resizable-w {
  19. cursor: w-resize;
  20. width: 7px;
  21. left: -5px;
  22. height: 100%;
  23. top: 0;
  24. }
  25. .ng-resizable-handle.ng-resizable-s {
  26. cursor: s-resize;
  27. height: 7px;
  28. bottom: -5px;
  29. width: 100%;
  30. left: 0;
  31. }
  32. .ng-resizable-handle.ng-resizable-n {
  33. cursor: n-resize;
  34. height: 7px;
  35. top: -5px;
  36. width: 100%;
  37. left: 0;
  38. }
  39. .ng-resizable-handle.ng-resizable-se {
  40. cursor: se-resize;
  41. width: 12px;
  42. height: 12px;
  43. right: 1px;
  44. bottom: 1px;
  45. }
  46. .ng-resizable-handle.ng-resizable-sw {
  47. cursor: sw-resize;
  48. width: 12px;
  49. height: 12px;
  50. left: 1px;
  51. bottom: 1px;
  52. }
  53. .ng-resizable-handle.ng-resizable-ne {
  54. cursor: ne-resize;
  55. width: 12px;
  56. height: 12px;
  57. right: 1px;
  58. top: 1px;
  59. }
  60. .ng-resizable-handle.ng-resizable-nw {
  61. cursor: nw-resize;
  62. width: 12px;
  63. height: 12px;
  64. left: 1px;
  65. top: 1px;
  66. }
  67. .ng-resizable-diagonal {
  68. box-sizing: border-box;
  69. width: 0;
  70. height: 0;
  71. border-bottom: 12px solid #aaa;
  72. border-left: 12px solid transparent;
  73. }