Antdui.scss 7.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  1. .ant-picker {
  2. background-color: var(--management-bg-color);
  3. color: var(--color-neutral-1);
  4. }
  5. .ant-picker-range {
  6. height: 40px;
  7. background-color: var(--management-bg-color);
  8. border: 1px solid var(--color-select-border);
  9. }
  10. .ant-picker:hover, .ant-picker-focused {
  11. border-color: var(--color-theme);
  12. box-shadow: none;
  13. }
  14. .ant-picker-active-bar {
  15. display: none;
  16. }
  17. .ant-picker-dropdown-range {
  18. z-index: 9999 ;
  19. }
  20. .ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before {
  21. border: none;
  22. }
  23. .ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner, .ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner, .ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {
  24. background-color: var(--color-theme);
  25. color: #FFFFFF;
  26. }
  27. .ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-in-range::before {
  28. background-color: var(--color-orange-6);
  29. }
  30. .ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single)::before, .ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single)::before {
  31. background-color: var(--color-orange-6);
  32. }
  33. .ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-in-range {
  34. color: var(--color-theme);
  35. }
  36. .ant-picker-cell:hover:not(.ant-picker-cell-in-view).ant-picker-cell-inner,
  37. .ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start)
  38. :not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) {
  39. background-color: var(--color-orange-6) !important;
  40. color: var(--color-theme);
  41. }
  42. .ant-picker-dropdown .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after, .ant-picker-dropdown .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after {
  43. background-color: var(--color-orange-6);
  44. }
  45. .ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover::before, .ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-hover::before, .ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-end.ant-picker-cell-range-hover::before, .ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single).ant-picker-cell-range-hover-start::before, .ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single).ant-picker-cell-range-hover-end::before, .ant-picker-panel>:not(.ant-picker-date-panel) .ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start::before, .ant-picker-panel>:not(.ant-picker-date-panel) .ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end::before {
  46. background-color: var(--color-orange-6);
  47. }
  48. .ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after, .ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after, .ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start-single::after, .ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-end-near-hover::after, .ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-start-near-hover::after, .ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-end-single::after, .ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-in-range)::after {
  49. border-top: none;
  50. border-bottom: none;
  51. }
  52. tr>.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover:first-child::after, tr>.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after, .ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range::after, .ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after, .ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after {
  53. border-inline-start: none;
  54. }
  55. tr>.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover:last-child::after, tr>.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after, .ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range::after, .ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after, .ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after {
  56. border-inline-end: none;
  57. }
  58. .ant-picker-dropdown .ant-picker-header-view button:hover {
  59. color: var(--color-theme);
  60. }
  61. .ant-picker-dropdown .ant-picker-panel-container {
  62. background-color: var(--management-bg-color);
  63. }
  64. .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panels .ant-picker-panel {
  65. border-left: 1px solid var(--border-color-2);
  66. }
  67. .ant-picker-footer {
  68. border-top: 1px solid var(--border-color-2);
  69. }
  70. .ant-picker-dropdown .ant-picker-panel {
  71. border: none;
  72. }
  73. .ant-picker-dropdown .ant-picker-panel-container .ant-picker-presets ul li:hover {
  74. background: var(--color-orange-6);
  75. }
  76. .ant-picker-dropdown .ant-picker-date-panel .ant-picker-content th {
  77. color: var(--color-neutral-2);
  78. }
  79. .ant-picker-dropdown .ant-picker-decade-panel,.ant-picker-dropdown .ant-picker-year-panel,.ant-picker-dropdown .ant-picker-quarter-panel,.ant-picker-dropdown .ant-picker-month-panel,.ant-picker-dropdown .ant-picker-week-panel,.ant-picker-dropdown .ant-picker-date-panel,.ant-picker-dropdown .ant-picker-time-panel {
  80. border-left: 1px solid var(--border-color-2);
  81. }
  82. .ant-picker .ant-picker-input >input, .ant-picker .ant-picker-input >input::placeholder {
  83. color: var(--color-neutral-1);
  84. }
  85. .ant-picker-dropdown .ant-picker-cell .ant-picker-cell-inner {
  86. color: var(--color-neutral-1);
  87. }
  88. .ant-picker-dropdown .ant-picker-header {
  89. border-bottom: 1px solid var(--border-color-2);
  90. }
  91. .ant-picker .ant-picker-clear {
  92. background-color: var(--management-bg-color);
  93. color: var(--color-neutral-1);
  94. }
  95. .ant-picker .ant-picker-clear:hover {
  96. color: var(--color-neutral-1);
  97. }
  98. .ant-picker.ant-picker-disabled {
  99. border-color: var(--border-color-2);
  100. }