patch.less 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. @import './index';
  2. .ant-tabs-dropdown-menu-item a[nz-tab-link] {
  3. position: relative;
  4. }
  5. .ant-tabs-tab-btn {
  6. background-color: unset;
  7. border: none;
  8. cursor: pointer;
  9. }
  10. .ant-tabs-tab a[nz-tab-link] {
  11. &::before {
  12. position: absolute;
  13. top: 0;
  14. right: 0;
  15. bottom: 0;
  16. left: 0;
  17. background-color: transparent;
  18. content: '';
  19. }
  20. ~ * {
  21. position: relative;
  22. }
  23. }
  24. .nz-tabs-dropdown.ant-dropdown {
  25. .ant-dropdown-menu {
  26. max-height: 200px;
  27. margin: 0;
  28. padding: @dropdown-edge-child-vertical-padding 0;
  29. overflow-x: hidden;
  30. overflow-y: auto;
  31. text-align: left;
  32. list-style-type: none;
  33. background-color: @dropdown-menu-bg;
  34. background-clip: padding-box;
  35. border-radius: @border-radius-base;
  36. outline: none;
  37. box-shadow: @box-shadow-base;
  38. &-item {
  39. min-width: 120px;
  40. margin: 0;
  41. padding: @dropdown-vertical-padding @control-padding-horizontal;
  42. overflow: hidden;
  43. color: @text-color;
  44. font-weight: normal;
  45. font-size: @dropdown-font-size;
  46. line-height: @dropdown-line-height;
  47. white-space: nowrap;
  48. text-overflow: ellipsis;
  49. cursor: pointer;
  50. transition: all 0.3s;
  51. &:hover {
  52. background: @item-hover-bg;
  53. }
  54. &-disabled {
  55. &,
  56. &:hover {
  57. color: @disabled-color;
  58. background: transparent;
  59. cursor: not-allowed;
  60. a {
  61. color: @disabled-color;
  62. pointer-events: none;
  63. }
  64. }
  65. }
  66. }
  67. }
  68. }
  69. .@{tab-prefix-cls} {
  70. &-rtl {
  71. &-tab-next {
  72. .@{tab-prefix-cls}-rtl & {
  73. right: auto;
  74. left: 2px;
  75. }
  76. }
  77. }
  78. &-tab-disabled a {
  79. color: @disabled-color;
  80. pointer-events: none;
  81. }
  82. > .@{tab-prefix-cls}-nav,
  83. > div > .@{tab-prefix-cls}-nav {
  84. .@{tab-prefix-cls}-nav-add {
  85. min-height: @tabs-card-height;
  86. }
  87. }
  88. }