index.css 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172
  1. /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
  2. /* stylelint-disable no-duplicate-selectors */
  3. /* stylelint-disable */
  4. /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
  5. .ant-picker-calendar {
  6. box-sizing: border-box;
  7. margin: 0;
  8. padding: 0;
  9. color: rgba(0, 0, 0, 0.85);
  10. font-size: 14px;
  11. font-variant: tabular-nums;
  12. line-height: 1.5715;
  13. list-style: none;
  14. font-feature-settings: 'tnum';
  15. background: #fff;
  16. }
  17. .ant-picker-calendar-header {
  18. display: flex;
  19. justify-content: flex-end;
  20. padding: 12px 0;
  21. }
  22. .ant-picker-calendar-header .ant-picker-calendar-year-select {
  23. min-width: 80px;
  24. }
  25. .ant-picker-calendar-header .ant-picker-calendar-month-select {
  26. min-width: 70px;
  27. margin-left: 8px;
  28. }
  29. .ant-picker-calendar-header .ant-picker-calendar-mode-switch {
  30. margin-left: 8px;
  31. }
  32. .ant-picker-calendar .ant-picker-panel {
  33. background: #fff;
  34. border: 0;
  35. border-top: 1px solid #f0f0f0;
  36. border-radius: 0;
  37. }
  38. .ant-picker-calendar .ant-picker-panel .ant-picker-month-panel,
  39. .ant-picker-calendar .ant-picker-panel .ant-picker-date-panel {
  40. width: auto;
  41. }
  42. .ant-picker-calendar .ant-picker-panel .ant-picker-body {
  43. padding: 8px 0;
  44. }
  45. .ant-picker-calendar .ant-picker-panel .ant-picker-content {
  46. width: 100%;
  47. }
  48. .ant-picker-calendar-mini {
  49. border-radius: 2px;
  50. }
  51. .ant-picker-calendar-mini .ant-picker-calendar-header {
  52. padding-right: 8px;
  53. padding-left: 8px;
  54. }
  55. .ant-picker-calendar-mini .ant-picker-panel {
  56. border-radius: 0 0 2px 2px;
  57. }
  58. .ant-picker-calendar-mini .ant-picker-content {
  59. height: 256px;
  60. }
  61. .ant-picker-calendar-mini .ant-picker-content th {
  62. height: auto;
  63. padding: 0;
  64. line-height: 18px;
  65. }
  66. .ant-picker-calendar-full .ant-picker-panel {
  67. display: block;
  68. width: 100%;
  69. text-align: right;
  70. background: #fff;
  71. border: 0;
  72. }
  73. .ant-picker-calendar-full .ant-picker-panel .ant-picker-body th,
  74. .ant-picker-calendar-full .ant-picker-panel .ant-picker-body td {
  75. padding: 0;
  76. }
  77. .ant-picker-calendar-full .ant-picker-panel .ant-picker-body th {
  78. height: auto;
  79. padding: 0 12px 5px 0;
  80. line-height: 18px;
  81. }
  82. .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell::before {
  83. display: none;
  84. }
  85. .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell:hover .ant-picker-calendar-date {
  86. background: #f5f5f5;
  87. }
  88. .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell .ant-picker-calendar-date-today::before {
  89. display: none;
  90. }
  91. .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date,
  92. .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date,
  93. .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date-today,
  94. .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date-today {
  95. background: #e6f7ff;
  96. }
  97. .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date .ant-picker-calendar-date-value,
  98. .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date .ant-picker-calendar-date-value,
  99. .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date-today .ant-picker-calendar-date-value,
  100. .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date-today .ant-picker-calendar-date-value {
  101. color: #1890ff;
  102. }
  103. .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date {
  104. display: block;
  105. width: auto;
  106. height: auto;
  107. margin: 0 4px;
  108. padding: 4px 8px 0;
  109. border: 0;
  110. border-top: 2px solid #f0f0f0;
  111. border-radius: 0;
  112. transition: background 0.3s;
  113. }
  114. .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-value {
  115. line-height: 24px;
  116. transition: color 0.3s;
  117. }
  118. .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-content {
  119. position: static;
  120. width: auto;
  121. height: 86px;
  122. overflow-y: auto;
  123. color: rgba(0, 0, 0, 0.85);
  124. line-height: 1.5715;
  125. text-align: left;
  126. }
  127. .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-today {
  128. border-color: #1890ff;
  129. }
  130. .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-today .ant-picker-calendar-date-value {
  131. color: rgba(0, 0, 0, 0.85);
  132. }
  133. @media only screen and (max-width: 480px) {
  134. .ant-picker-calendar-header {
  135. display: block;
  136. }
  137. .ant-picker-calendar-header .ant-picker-calendar-year-select {
  138. width: 50%;
  139. }
  140. .ant-picker-calendar-header .ant-picker-calendar-month-select {
  141. width: calc(50% - 8px);
  142. }
  143. .ant-picker-calendar-header .ant-picker-calendar-mode-switch {
  144. width: 100%;
  145. margin-top: 8px;
  146. margin-left: 0;
  147. }
  148. .ant-picker-calendar-header .ant-picker-calendar-mode-switch > label {
  149. width: 50%;
  150. text-align: center;
  151. }
  152. }
  153. .ant-picker-calendar-rtl {
  154. direction: rtl;
  155. }
  156. .ant-picker-calendar-rtl .ant-picker-calendar-header .ant-picker-calendar-month-select {
  157. margin-right: 8px;
  158. margin-left: 0;
  159. }
  160. .ant-picker-calendar-rtl .ant-picker-calendar-header .ant-picker-calendar-mode-switch {
  161. margin-right: 8px;
  162. margin-left: 0;
  163. }
  164. .ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel {
  165. text-align: left;
  166. }
  167. .ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel .ant-picker-body th {
  168. padding: 0 0 5px 12px;
  169. }
  170. .ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-content {
  171. text-align: right;
  172. }