index.scss 579 B

123456789101112131415161718192021222324252627282930
  1. $resizing-border: 2px solid blue;
  2. #components-table-demo-resizable-column {
  3. padding: 20px;
  4. .resizing {
  5. border-right: 2px solid blue;
  6. }
  7. }
  8. #components-table-demo-resizable-column .react-resizable {
  9. position: relative;
  10. background-clip: padding-box;
  11. }
  12. #components-table-demo-resizable-column .react-resizable-handle {
  13. position: absolute;
  14. width: 10px;
  15. height: 100%;
  16. bottom: 0;
  17. right: -5px;
  18. cursor: col-resize;
  19. z-index: 1;
  20. &:hover {
  21. .react-resizable {
  22. border-right: 2px solid blue;
  23. }
  24. }
  25. }