index.less 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  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. .cip-select-table__divider.without-divider{
  35. border: none;
  36. }
  37. //&--column,&--column-reverse{
  38. // .cip-select-table__tags{
  39. // resize: vertical;
  40. // }
  41. //}
  42. //&--row,&--row-reverse{
  43. // .cip-select-table__tags{
  44. // resize: horizontal;
  45. // }
  46. //}
  47. &__tags{
  48. background: var(~'--@{elNamespace}-color-white');
  49. border: 1px solid var(~'--@{elNamespace}-border-color');
  50. max-height: 50vh;
  51. padding: 12px;
  52. overflow: auto;
  53. &.limited-height{
  54. max-height: 200px;
  55. overflow: auto;
  56. }
  57. .cip-select-table__tag{
  58. margin: 4px;
  59. }
  60. }
  61. }