index.less 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. .cip-select-table{
  2. display: flex;
  3. width: 100%;
  4. &__table{
  5. flex-grow: 2;
  6. &.page-layout-list{
  7. --horizontal-padding: 0;
  8. }
  9. }
  10. &--row{
  11. .cip-select-table__divider{
  12. margin: 0 16px;
  13. }
  14. }
  15. &--row-reverse{
  16. .cip-select-table__divider{
  17. margin: 0 16px;
  18. }
  19. }
  20. &--column{
  21. .cip-select-table__divider{
  22. margin-bottom: 16px;
  23. }
  24. }
  25. &--column-reverse{
  26. .cip-select-table__divider{
  27. margin-top: 16px;
  28. }
  29. }
  30. &__divider{
  31. border-top: 1px dashed var(~'--@{elNamespace}-border-color');
  32. border-right: 1px dashed var(~'--@{elNamespace}-border-color');
  33. }
  34. //&--column,&--column-reverse{
  35. // .cip-select-table__tags{
  36. // resize: vertical;
  37. // }
  38. //}
  39. //&--row,&--row-reverse{
  40. // .cip-select-table__tags{
  41. // resize: horizontal;
  42. // }
  43. //}
  44. &__tags{
  45. background: var(~'--@{elNamespace}-color-white');
  46. border: 1px solid var(~'--@{elNamespace}-border-color');
  47. max-height: 50vh;
  48. padding: 12px;
  49. overflow: auto;
  50. &.limited-height{
  51. max-height: 200px;
  52. overflow: auto;
  53. }
  54. .cip-select-table__tag{
  55. margin: 4px;
  56. }
  57. }
  58. }