index.css 6.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259
  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. @keyframes antCheckboxEffect {
  6. 0% {
  7. transform: scale(1);
  8. opacity: 0.5;
  9. }
  10. 100% {
  11. transform: scale(1.6);
  12. opacity: 0;
  13. }
  14. }
  15. .ant-transfer-customize-list .ant-transfer-list {
  16. flex: 1 1 50%;
  17. width: auto;
  18. height: auto;
  19. min-height: 200px;
  20. }
  21. .ant-transfer-customize-list .ant-table-wrapper .ant-table-small {
  22. border: 0;
  23. border-radius: 0;
  24. }
  25. .ant-transfer-customize-list .ant-table-wrapper .ant-table-small .ant-table-selection-column {
  26. width: 40px;
  27. min-width: 40px;
  28. }
  29. .ant-transfer-customize-list .ant-table-wrapper .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th {
  30. background: #fafafa;
  31. }
  32. .ant-transfer-customize-list .ant-table-wrapper .ant-table-small > .ant-table-content .ant-table-row:last-child td {
  33. border-bottom: 1px solid #f0f0f0;
  34. }
  35. .ant-transfer-customize-list .ant-table-wrapper .ant-table-small .ant-table-body {
  36. margin: 0;
  37. }
  38. .ant-transfer-customize-list .ant-table-wrapper .ant-table-pagination.ant-pagination {
  39. margin: 16px 0 4px;
  40. }
  41. .ant-transfer-customize-list .ant-input[disabled] {
  42. background-color: transparent;
  43. }
  44. .ant-transfer {
  45. box-sizing: border-box;
  46. margin: 0;
  47. padding: 0;
  48. color: rgba(0, 0, 0, 0.85);
  49. font-size: 14px;
  50. font-variant: tabular-nums;
  51. line-height: 1.5715;
  52. list-style: none;
  53. font-feature-settings: 'tnum';
  54. position: relative;
  55. display: flex;
  56. align-items: stretch;
  57. }
  58. .ant-transfer-disabled .ant-transfer-list {
  59. background: #f5f5f5;
  60. }
  61. .ant-transfer-list {
  62. display: flex;
  63. flex-direction: column;
  64. width: 180px;
  65. height: 200px;
  66. border: 1px solid #d9d9d9;
  67. border-radius: 2px;
  68. }
  69. .ant-transfer-list-with-pagination {
  70. width: 250px;
  71. height: auto;
  72. }
  73. .ant-transfer-list-search .anticon-search {
  74. color: rgba(0, 0, 0, 0.25);
  75. }
  76. .ant-transfer-list-header {
  77. display: flex;
  78. flex: none;
  79. align-items: center;
  80. height: 40px;
  81. padding: 8px 12px 9px;
  82. color: rgba(0, 0, 0, 0.85);
  83. background: #fff;
  84. border-bottom: 1px solid #f0f0f0;
  85. border-radius: 2px 2px 0 0;
  86. }
  87. .ant-transfer-list-header > *:not(:last-child) {
  88. margin-right: 4px;
  89. }
  90. .ant-transfer-list-header > * {
  91. flex: none;
  92. }
  93. .ant-transfer-list-header-title {
  94. flex: auto;
  95. overflow: hidden;
  96. white-space: nowrap;
  97. text-align: right;
  98. text-overflow: ellipsis;
  99. }
  100. .ant-transfer-list-header-dropdown {
  101. font-size: 10px;
  102. transform: translateY(10%);
  103. cursor: pointer;
  104. }
  105. .ant-transfer-list-header-dropdown[disabled] {
  106. cursor: not-allowed;
  107. }
  108. .ant-transfer-list-body {
  109. display: flex;
  110. flex: auto;
  111. flex-direction: column;
  112. overflow: hidden;
  113. font-size: 14px;
  114. }
  115. .ant-transfer-list-body-search-wrapper {
  116. position: relative;
  117. flex: none;
  118. padding: 12px;
  119. }
  120. .ant-transfer-list-content {
  121. flex: auto;
  122. margin: 0;
  123. padding: 0;
  124. overflow: auto;
  125. list-style: none;
  126. }
  127. .ant-transfer-list-content-item {
  128. display: flex;
  129. align-items: center;
  130. min-height: 32px;
  131. padding: 6px 12px;
  132. line-height: 20px;
  133. transition: all 0.3s;
  134. }
  135. .ant-transfer-list-content-item > *:not(:last-child) {
  136. margin-right: 8px;
  137. }
  138. .ant-transfer-list-content-item > * {
  139. flex: none;
  140. }
  141. .ant-transfer-list-content-item-text {
  142. flex: auto;
  143. overflow: hidden;
  144. white-space: nowrap;
  145. text-overflow: ellipsis;
  146. }
  147. .ant-transfer-list-content-item-remove {
  148. color: #1890ff;
  149. text-decoration: none;
  150. outline: none;
  151. cursor: pointer;
  152. transition: color 0.3s;
  153. position: relative;
  154. color: #d9d9d9;
  155. }
  156. .ant-transfer-list-content-item-remove:focus,
  157. .ant-transfer-list-content-item-remove:hover {
  158. color: #40a9ff;
  159. }
  160. .ant-transfer-list-content-item-remove:active {
  161. color: #096dd9;
  162. }
  163. .ant-transfer-list-content-item-remove::after {
  164. position: absolute;
  165. top: -6px;
  166. right: -50%;
  167. bottom: -6px;
  168. left: -50%;
  169. content: '';
  170. }
  171. .ant-transfer-list-content-item-remove:hover {
  172. color: #40a9ff;
  173. }
  174. .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover {
  175. background-color: #f5f5f5;
  176. cursor: pointer;
  177. }
  178. .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled).ant-transfer-list-content-item-checked:hover {
  179. background-color: #dcf4ff;
  180. }
  181. .ant-transfer-list-content-show-remove .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover {
  182. background: transparent;
  183. cursor: default;
  184. }
  185. .ant-transfer-list-content-item-checked {
  186. background-color: #e6f7ff;
  187. }
  188. .ant-transfer-list-content-item-disabled {
  189. color: rgba(0, 0, 0, 0.25);
  190. cursor: not-allowed;
  191. }
  192. .ant-transfer-list-pagination {
  193. padding: 8px 0;
  194. text-align: right;
  195. border-top: 1px solid #f0f0f0;
  196. }
  197. .ant-transfer-list-body-not-found {
  198. flex: none;
  199. width: 100%;
  200. margin: auto 0;
  201. color: rgba(0, 0, 0, 0.25);
  202. text-align: center;
  203. }
  204. .ant-transfer-list-footer {
  205. border-top: 1px solid #f0f0f0;
  206. }
  207. .ant-transfer-operation {
  208. display: flex;
  209. flex: none;
  210. flex-direction: column;
  211. align-self: center;
  212. margin: 0 8px;
  213. vertical-align: middle;
  214. }
  215. .ant-transfer-operation .ant-btn {
  216. display: block;
  217. }
  218. .ant-transfer-operation .ant-btn:first-child {
  219. margin-bottom: 4px;
  220. }
  221. .ant-transfer-operation .ant-btn .anticon {
  222. font-size: 12px;
  223. }
  224. .ant-transfer .ant-empty-image {
  225. max-height: -2px;
  226. }
  227. .ant-transfer-rtl {
  228. direction: rtl;
  229. }
  230. .ant-transfer-rtl .ant-transfer-list-search {
  231. padding-right: 8px;
  232. padding-left: 24px;
  233. }
  234. .ant-transfer-rtl .ant-transfer-list-search-action {
  235. right: auto;
  236. left: 12px;
  237. }
  238. .ant-transfer-rtl .ant-transfer-list-header > *:not(:last-child) {
  239. margin-right: 0;
  240. margin-left: 4px;
  241. }
  242. .ant-transfer-rtl .ant-transfer-list-header {
  243. right: 0;
  244. left: auto;
  245. }
  246. .ant-transfer-rtl .ant-transfer-list-header-title {
  247. text-align: left;
  248. }
  249. .ant-transfer-rtl .ant-transfer-list-content-item > *:not(:last-child) {
  250. margin-right: 0;
  251. margin-left: 8px;
  252. }
  253. .ant-transfer-rtl .ant-transfer-list-pagination {
  254. text-align: left;
  255. }
  256. .ant-transfer-rtl .ant-transfer-list-footer {
  257. right: 0;
  258. left: auto;
  259. }