tableTool.scss 848 B

12345678910111213141516171819202122232425262728293031323334
  1. .table-tool-popper {
  2. padding: 0 !important;
  3. .tool-box {
  4. display: flex;
  5. border-bottom: 1px solid var(--el-border-color-lighter);
  6. margin-bottom: 5px;
  7. box-sizing: border-box;
  8. color: var(--el-text-color-primary);
  9. height: 40px;
  10. align-items: center;
  11. }
  12. .tool-sortable {
  13. max-height: 303px;
  14. .tool-sortable-item {
  15. height: var(--el-checkbox-height, 32px);;
  16. display: flex;
  17. box-sizing: border-box;
  18. color: var(--el-text-color-primary);
  19. align-items: center;
  20. padding: 0 12px;
  21. &:hover {
  22. background: var(--el-fill-color-lighter);
  23. }
  24. i {
  25. opacity: 0.7;
  26. }
  27. }
  28. .sortable-ghost{
  29. background: var(--el-fill-color-lighter);
  30. border: 1px dashed var(--w-e-toolbar-disabled-color) !important;
  31. opacity: 0.3; /* 减淡颜色,使其半透明 */
  32. }
  33. }
  34. }