index.css 8.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327
  1. /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
  2. /* stylelint-disable no-duplicate-selectors */
  3. .ant-popover {
  4. box-sizing: border-box;
  5. margin: 0;
  6. padding: 0;
  7. color: rgba(0, 0, 0, 0.85);
  8. font-size: 14px;
  9. font-variant: tabular-nums;
  10. line-height: 1.5715;
  11. list-style: none;
  12. font-feature-settings: 'tnum';
  13. position: absolute;
  14. top: 0;
  15. left: 0;
  16. z-index: 1030;
  17. max-width: 100vw;
  18. font-weight: normal;
  19. white-space: normal;
  20. text-align: left;
  21. cursor: auto;
  22. user-select: text;
  23. }
  24. .ant-popover-content {
  25. position: relative;
  26. }
  27. .ant-popover::after {
  28. position: absolute;
  29. background: rgba(255, 255, 255, 0.01);
  30. content: '';
  31. }
  32. .ant-popover-hidden {
  33. display: none;
  34. }
  35. .ant-popover-placement-top,
  36. .ant-popover-placement-topLeft,
  37. .ant-popover-placement-topRight {
  38. padding-bottom: 15.3137085px;
  39. }
  40. .ant-popover-placement-right,
  41. .ant-popover-placement-rightTop,
  42. .ant-popover-placement-rightBottom {
  43. padding-left: 15.3137085px;
  44. }
  45. .ant-popover-placement-bottom,
  46. .ant-popover-placement-bottomLeft,
  47. .ant-popover-placement-bottomRight {
  48. padding-top: 15.3137085px;
  49. }
  50. .ant-popover-placement-left,
  51. .ant-popover-placement-leftTop,
  52. .ant-popover-placement-leftBottom {
  53. padding-right: 15.3137085px;
  54. }
  55. .ant-popover-inner {
  56. background-color: #fff;
  57. background-clip: padding-box;
  58. border-radius: 2px;
  59. box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  60. }
  61. @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  62. .ant-popover {
  63. /* IE10+ */
  64. }
  65. .ant-popover-inner {
  66. box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  67. }
  68. }
  69. .ant-popover-title {
  70. min-width: 177px;
  71. min-height: 32px;
  72. margin: 0;
  73. padding: 5px 16px 4px;
  74. color: rgba(0, 0, 0, 0.85);
  75. font-weight: 500;
  76. border-bottom: 1px solid #f0f0f0;
  77. }
  78. .ant-popover-inner-content {
  79. width: max-content;
  80. max-width: 100%;
  81. padding: 12px 16px;
  82. color: rgba(0, 0, 0, 0.85);
  83. }
  84. .ant-popover-message {
  85. display: flex;
  86. padding: 4px 0 12px;
  87. color: rgba(0, 0, 0, 0.85);
  88. font-size: 14px;
  89. }
  90. .ant-popover-message-icon {
  91. display: inline-block;
  92. margin-right: 8px;
  93. color: #faad14;
  94. font-size: 14px;
  95. }
  96. .ant-popover-buttons {
  97. margin-bottom: 4px;
  98. text-align: right;
  99. }
  100. .ant-popover-buttons button:not(:first-child) {
  101. margin-left: 8px;
  102. }
  103. .ant-popover-arrow {
  104. position: absolute;
  105. display: block;
  106. width: 22px;
  107. height: 22px;
  108. overflow: hidden;
  109. background: transparent;
  110. pointer-events: none;
  111. }
  112. .ant-popover-arrow-content {
  113. --antd-arrow-background-color: #fff;
  114. position: absolute;
  115. top: 0;
  116. right: 0;
  117. bottom: 0;
  118. left: 0;
  119. display: block;
  120. width: 11.3137085px;
  121. height: 11.3137085px;
  122. margin: auto;
  123. content: '';
  124. pointer-events: auto;
  125. border-radius: 0 0 2px;
  126. pointer-events: none;
  127. }
  128. .ant-popover-arrow-content::before {
  129. position: absolute;
  130. top: -11.3137085px;
  131. left: -11.3137085px;
  132. width: 33.9411255px;
  133. height: 33.9411255px;
  134. background: var(--antd-arrow-background-color);
  135. background-repeat: no-repeat;
  136. background-position: -10px -10px;
  137. content: '';
  138. clip-path: inset(33% 33%);
  139. clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
  140. }
  141. .ant-popover-placement-top .ant-popover-arrow,
  142. .ant-popover-placement-topLeft .ant-popover-arrow,
  143. .ant-popover-placement-topRight .ant-popover-arrow {
  144. bottom: 0;
  145. transform: translateY(100%);
  146. }
  147. .ant-popover-placement-top .ant-popover-arrow-content,
  148. .ant-popover-placement-topLeft .ant-popover-arrow-content,
  149. .ant-popover-placement-topRight .ant-popover-arrow-content {
  150. box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  151. transform: translateY(-11px) rotate(45deg);
  152. }
  153. .ant-popover-placement-top .ant-popover-arrow {
  154. left: 50%;
  155. transform: translateY(100%) translateX(-50%);
  156. }
  157. .ant-popover-placement-topLeft .ant-popover-arrow {
  158. left: 16px;
  159. }
  160. .ant-popover-placement-topRight .ant-popover-arrow {
  161. right: 16px;
  162. }
  163. .ant-popover-placement-right .ant-popover-arrow,
  164. .ant-popover-placement-rightTop .ant-popover-arrow,
  165. .ant-popover-placement-rightBottom .ant-popover-arrow {
  166. left: 0;
  167. transform: translateX(-100%);
  168. }
  169. .ant-popover-placement-right .ant-popover-arrow-content,
  170. .ant-popover-placement-rightTop .ant-popover-arrow-content,
  171. .ant-popover-placement-rightBottom .ant-popover-arrow-content {
  172. box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  173. transform: translateX(11px) rotate(135deg);
  174. }
  175. .ant-popover-placement-right .ant-popover-arrow {
  176. top: 50%;
  177. transform: translateX(-100%) translateY(-50%);
  178. }
  179. .ant-popover-placement-rightTop .ant-popover-arrow {
  180. top: 12px;
  181. }
  182. .ant-popover-placement-rightBottom .ant-popover-arrow {
  183. bottom: 12px;
  184. }
  185. .ant-popover-placement-bottom .ant-popover-arrow,
  186. .ant-popover-placement-bottomLeft .ant-popover-arrow,
  187. .ant-popover-placement-bottomRight .ant-popover-arrow {
  188. top: 0;
  189. transform: translateY(-100%);
  190. }
  191. .ant-popover-placement-bottom .ant-popover-arrow-content,
  192. .ant-popover-placement-bottomLeft .ant-popover-arrow-content,
  193. .ant-popover-placement-bottomRight .ant-popover-arrow-content {
  194. box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.06);
  195. transform: translateY(11px) rotate(-135deg);
  196. }
  197. .ant-popover-placement-bottom .ant-popover-arrow {
  198. left: 50%;
  199. transform: translateY(-100%) translateX(-50%);
  200. }
  201. .ant-popover-placement-bottomLeft .ant-popover-arrow {
  202. left: 16px;
  203. }
  204. .ant-popover-placement-bottomRight .ant-popover-arrow {
  205. right: 16px;
  206. }
  207. .ant-popover-placement-left .ant-popover-arrow,
  208. .ant-popover-placement-leftTop .ant-popover-arrow,
  209. .ant-popover-placement-leftBottom .ant-popover-arrow {
  210. right: 0;
  211. transform: translateX(100%);
  212. }
  213. .ant-popover-placement-left .ant-popover-arrow-content,
  214. .ant-popover-placement-leftTop .ant-popover-arrow-content,
  215. .ant-popover-placement-leftBottom .ant-popover-arrow-content {
  216. box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  217. transform: translateX(-11px) rotate(-45deg);
  218. }
  219. .ant-popover-placement-left .ant-popover-arrow {
  220. top: 50%;
  221. transform: translateX(100%) translateY(-50%);
  222. }
  223. .ant-popover-placement-leftTop .ant-popover-arrow {
  224. top: 12px;
  225. }
  226. .ant-popover-placement-leftBottom .ant-popover-arrow {
  227. bottom: 12px;
  228. }
  229. .ant-popover-pink .ant-popover-inner {
  230. background-color: #eb2f96;
  231. }
  232. .ant-popover-pink .ant-popover-arrow-content {
  233. background-color: #eb2f96;
  234. }
  235. .ant-popover-magenta .ant-popover-inner {
  236. background-color: #eb2f96;
  237. }
  238. .ant-popover-magenta .ant-popover-arrow-content {
  239. background-color: #eb2f96;
  240. }
  241. .ant-popover-red .ant-popover-inner {
  242. background-color: #f5222d;
  243. }
  244. .ant-popover-red .ant-popover-arrow-content {
  245. background-color: #f5222d;
  246. }
  247. .ant-popover-volcano .ant-popover-inner {
  248. background-color: #fa541c;
  249. }
  250. .ant-popover-volcano .ant-popover-arrow-content {
  251. background-color: #fa541c;
  252. }
  253. .ant-popover-orange .ant-popover-inner {
  254. background-color: #fa8c16;
  255. }
  256. .ant-popover-orange .ant-popover-arrow-content {
  257. background-color: #fa8c16;
  258. }
  259. .ant-popover-yellow .ant-popover-inner {
  260. background-color: #fadb14;
  261. }
  262. .ant-popover-yellow .ant-popover-arrow-content {
  263. background-color: #fadb14;
  264. }
  265. .ant-popover-gold .ant-popover-inner {
  266. background-color: #faad14;
  267. }
  268. .ant-popover-gold .ant-popover-arrow-content {
  269. background-color: #faad14;
  270. }
  271. .ant-popover-cyan .ant-popover-inner {
  272. background-color: #13c2c2;
  273. }
  274. .ant-popover-cyan .ant-popover-arrow-content {
  275. background-color: #13c2c2;
  276. }
  277. .ant-popover-lime .ant-popover-inner {
  278. background-color: #a0d911;
  279. }
  280. .ant-popover-lime .ant-popover-arrow-content {
  281. background-color: #a0d911;
  282. }
  283. .ant-popover-green .ant-popover-inner {
  284. background-color: #52c41a;
  285. }
  286. .ant-popover-green .ant-popover-arrow-content {
  287. background-color: #52c41a;
  288. }
  289. .ant-popover-blue .ant-popover-inner {
  290. background-color: #1890ff;
  291. }
  292. .ant-popover-blue .ant-popover-arrow-content {
  293. background-color: #1890ff;
  294. }
  295. .ant-popover-geekblue .ant-popover-inner {
  296. background-color: #2f54eb;
  297. }
  298. .ant-popover-geekblue .ant-popover-arrow-content {
  299. background-color: #2f54eb;
  300. }
  301. .ant-popover-purple .ant-popover-inner {
  302. background-color: #722ed1;
  303. }
  304. .ant-popover-purple .ant-popover-arrow-content {
  305. background-color: #722ed1;
  306. }
  307. .ant-popover-rtl {
  308. direction: rtl;
  309. text-align: right;
  310. }
  311. .ant-popover-rtl .ant-popover-message-icon {
  312. margin-right: 0;
  313. margin-left: 8px;
  314. }
  315. .ant-popover-rtl .ant-popover-message-title {
  316. padding-left: 16px;
  317. }
  318. .ant-popover-rtl .ant-popover-buttons {
  319. text-align: left;
  320. }
  321. .ant-popover-rtl .ant-popover-buttons button {
  322. margin-right: 8px;
  323. margin-left: 0;
  324. }
  325. .ant-popover {
  326. position: relative;
  327. }