Group.less 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. :global {
  2. #hosts-group {
  3. @h: 160px;
  4. position: relative;
  5. margin-top: 20px;
  6. height: @h + 2px;
  7. overflow: auto;
  8. &::after {
  9. content: '';
  10. clear: both;
  11. }
  12. .arrow {
  13. position: absolute;
  14. top: 50%;
  15. left: 50%;
  16. width: 20px;
  17. height: 20px;
  18. line-height: 20px;
  19. text-align: center;
  20. transform: translate(-50%, -50%);
  21. //&::after {
  22. // content: '→';
  23. //}
  24. }
  25. .hosts-group-list {
  26. height: @h;
  27. overflow: auto;
  28. border: solid 1px #ccc;
  29. border-radius: 2px;
  30. &:hover {
  31. border-color: #49a9ee;
  32. }
  33. .hosts-item {
  34. cursor: move;
  35. padding: 2px 6px;
  36. line-height: 24px;
  37. &:hover {
  38. background: #f5f5f5;
  39. }
  40. i {
  41. font-size: 12px;
  42. color: #999;
  43. }
  44. & > span {
  45. padding-left: 6px;
  46. }
  47. }
  48. }
  49. }
  50. #hosts-group-valid {
  51. width: 45%;
  52. float: left;
  53. }
  54. #hosts-group-current {
  55. width: 45%;
  56. float: right;
  57. }
  58. }