48e4568b673ce3088731023577f1189c5c3f8e3315a1ceb4c9afdcb6d64b5fda4c0395d3e7e0f49827f12914786e069fce7a3db95b9369f045ca8a52a17fc3 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. @import "mixins/mixins";
  2. @import "checkbox";
  3. @import "tag";
  4. @import "common/var";
  5. @include b(table-column) {
  6. @include m(selection) {
  7. .cell {
  8. padding-left: 14px;
  9. padding-right: 14px;
  10. }
  11. }
  12. }
  13. @include b(table-filter) {
  14. border: solid 1px $--border-color-lighter;
  15. border-radius: 2px;
  16. background-color: $--color-white;
  17. box-shadow: $--dropdown-menu-box-shadow;
  18. box-sizing: border-box;
  19. margin: 2px 0;
  20. /** used for dropdown mode */
  21. @include e(list) {
  22. padding: 5px 0;
  23. margin: 0;
  24. list-style: none;
  25. min-width: 100px;
  26. }
  27. @include e(list-item) {
  28. line-height: 36px;
  29. padding: 0 10px;
  30. cursor: pointer;
  31. font-size: $--font-size-base;
  32. &:hover {
  33. background-color: $--dropdown-menuItem-hover-fill;
  34. color: $--dropdown-menuItem-hover-color;
  35. }
  36. @include when(active) {
  37. background-color: $--color-primary;
  38. color: $--color-white;
  39. }
  40. }
  41. @include e(content) {
  42. min-width: 100px;
  43. }
  44. @include e(bottom) {
  45. border-top: 1px solid $--border-color-lighter;
  46. padding: 8px;
  47. button {
  48. background: transparent;
  49. border: none;
  50. color: $--color-text-regular;
  51. cursor: pointer;
  52. font-size: $--font-size-small;
  53. padding: 0 3px;
  54. &:hover {
  55. color: $--color-primary;
  56. }
  57. &:focus {
  58. outline: none;
  59. }
  60. &.is-disabled {
  61. color: $--disabled-color-base;
  62. cursor: not-allowed;
  63. }
  64. }
  65. }
  66. @include e(wrap) {
  67. max-height: 280px;
  68. }
  69. @include e(checkbox-group) {
  70. padding: 10px;
  71. label.el-checkbox {
  72. display: block;
  73. margin-right: 5px;
  74. margin-bottom: 8px;
  75. margin-left: 5px;
  76. }
  77. .el-checkbox:last-child {
  78. margin-bottom: 0;
  79. }
  80. }
  81. }