index.css 6.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262
  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-mentions {
  6. box-sizing: border-box;
  7. margin: 0;
  8. font-variant: tabular-nums;
  9. list-style: none;
  10. font-feature-settings: 'tnum';
  11. width: 100%;
  12. min-width: 0;
  13. padding: 4px 11px;
  14. color: rgba(0, 0, 0, 0.85);
  15. font-size: 14px;
  16. background-color: #fff;
  17. background-image: none;
  18. border: 1px solid #d9d9d9;
  19. border-radius: 2px;
  20. transition: all 0.3s;
  21. /* stylelint-disable-next-line selector-no-vendor-prefix */
  22. position: relative;
  23. display: inline-block;
  24. height: auto;
  25. padding: 0;
  26. overflow: hidden;
  27. line-height: 1.5715;
  28. white-space: pre-wrap;
  29. vertical-align: bottom;
  30. }
  31. .ant-mentions::-moz-placeholder {
  32. opacity: 1;
  33. }
  34. .ant-mentions::placeholder {
  35. color: #bfbfbf;
  36. -webkit-user-select: none;
  37. -moz-user-select: none;
  38. user-select: none;
  39. }
  40. .ant-mentions:-moz-placeholder-shown {
  41. text-overflow: ellipsis;
  42. }
  43. .ant-mentions:placeholder-shown {
  44. text-overflow: ellipsis;
  45. }
  46. .ant-mentions:hover {
  47. border-color: #40a9ff;
  48. border-right-width: 1px !important;
  49. }
  50. .ant-mentions:focus,
  51. .ant-mentions-focused {
  52. border-color: #40a9ff;
  53. box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  54. border-right-width: 1px !important;
  55. outline: 0;
  56. }
  57. .ant-mentions-disabled {
  58. color: rgba(0, 0, 0, 0.25);
  59. background-color: #f5f5f5;
  60. border-color: #d9d9d9;
  61. box-shadow: none;
  62. cursor: not-allowed;
  63. opacity: 1;
  64. }
  65. .ant-mentions-disabled:hover {
  66. border-color: #d9d9d9;
  67. border-right-width: 1px !important;
  68. }
  69. .ant-mentions[disabled] {
  70. color: rgba(0, 0, 0, 0.25);
  71. background-color: #f5f5f5;
  72. border-color: #d9d9d9;
  73. box-shadow: none;
  74. cursor: not-allowed;
  75. opacity: 1;
  76. }
  77. .ant-mentions[disabled]:hover {
  78. border-color: #d9d9d9;
  79. border-right-width: 1px !important;
  80. }
  81. .ant-mentions-borderless,
  82. .ant-mentions-borderless:hover,
  83. .ant-mentions-borderless:focus,
  84. .ant-mentions-borderless-focused,
  85. .ant-mentions-borderless-disabled,
  86. .ant-mentions-borderless[disabled] {
  87. background-color: transparent;
  88. border: none;
  89. box-shadow: none;
  90. }
  91. textarea.ant-mentions {
  92. max-width: 100%;
  93. height: auto;
  94. min-height: 32px;
  95. line-height: 1.5715;
  96. vertical-align: bottom;
  97. transition: all 0.3s, height 0s;
  98. }
  99. .ant-mentions-lg {
  100. padding: 6.5px 11px;
  101. font-size: 16px;
  102. }
  103. .ant-mentions-sm {
  104. padding: 0px 7px;
  105. }
  106. .ant-mentions-disabled > textarea {
  107. color: rgba(0, 0, 0, 0.25);
  108. background-color: #f5f5f5;
  109. border-color: #d9d9d9;
  110. box-shadow: none;
  111. cursor: not-allowed;
  112. opacity: 1;
  113. }
  114. .ant-mentions-disabled > textarea:hover {
  115. border-color: #d9d9d9;
  116. border-right-width: 1px !important;
  117. }
  118. .ant-mentions-focused {
  119. border-color: #40a9ff;
  120. box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  121. border-right-width: 1px !important;
  122. outline: 0;
  123. }
  124. .ant-mentions > textarea,
  125. .ant-mentions-measure {
  126. min-height: 30px;
  127. margin: 0;
  128. padding: 4px 11px;
  129. overflow: inherit;
  130. overflow-x: hidden;
  131. overflow-y: auto;
  132. /* stylelint-disable declaration-block-no-redundant-longhand-properties */
  133. font-weight: inherit;
  134. font-size: inherit;
  135. font-family: inherit;
  136. font-style: inherit;
  137. font-variant: inherit;
  138. font-size-adjust: inherit;
  139. font-stretch: inherit;
  140. line-height: inherit;
  141. /* stylelint-enable declaration-block-no-redundant-longhand-properties */
  142. direction: inherit;
  143. letter-spacing: inherit;
  144. white-space: inherit;
  145. text-align: inherit;
  146. vertical-align: top;
  147. word-wrap: break-word;
  148. word-break: inherit;
  149. -moz-tab-size: inherit;
  150. -o-tab-size: inherit;
  151. tab-size: inherit;
  152. }
  153. .ant-mentions > textarea {
  154. width: 100%;
  155. border: none;
  156. outline: none;
  157. resize: none;
  158. /* stylelint-disable-next-line selector-no-vendor-prefix */
  159. }
  160. .ant-mentions > textarea::-moz-placeholder {
  161. opacity: 1;
  162. }
  163. .ant-mentions > textarea::placeholder {
  164. color: #bfbfbf;
  165. -webkit-user-select: none;
  166. -moz-user-select: none;
  167. user-select: none;
  168. }
  169. .ant-mentions > textarea:-moz-placeholder-shown {
  170. text-overflow: ellipsis;
  171. }
  172. .ant-mentions > textarea:placeholder-shown {
  173. text-overflow: ellipsis;
  174. }
  175. .ant-mentions-measure {
  176. position: absolute;
  177. top: 0;
  178. right: 0;
  179. bottom: 0;
  180. left: 0;
  181. z-index: -1;
  182. color: transparent;
  183. pointer-events: none;
  184. }
  185. .ant-mentions-measure > span {
  186. display: inline-block;
  187. min-height: 1em;
  188. }
  189. .ant-mentions-dropdown {
  190. margin: 0;
  191. padding: 0;
  192. color: rgba(0, 0, 0, 0.85);
  193. font-variant: tabular-nums;
  194. line-height: 1.5715;
  195. list-style: none;
  196. font-feature-settings: 'tnum';
  197. position: absolute;
  198. top: -9999px;
  199. left: -9999px;
  200. z-index: 1050;
  201. box-sizing: border-box;
  202. font-size: 14px;
  203. font-variant: initial;
  204. background-color: #fff;
  205. border-radius: 2px;
  206. outline: none;
  207. 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);
  208. }
  209. .ant-mentions-dropdown-hidden {
  210. display: none;
  211. }
  212. .ant-mentions-dropdown-menu {
  213. max-height: 250px;
  214. margin-bottom: 0;
  215. padding-left: 0;
  216. overflow: auto;
  217. list-style: none;
  218. outline: none;
  219. }
  220. .ant-mentions-dropdown-menu-item {
  221. position: relative;
  222. display: block;
  223. min-width: 100px;
  224. padding: 5px 12px;
  225. overflow: hidden;
  226. color: rgba(0, 0, 0, 0.85);
  227. font-weight: normal;
  228. line-height: 1.5715;
  229. white-space: nowrap;
  230. text-overflow: ellipsis;
  231. cursor: pointer;
  232. transition: background 0.3s ease;
  233. }
  234. .ant-mentions-dropdown-menu-item:hover {
  235. background-color: #f5f5f5;
  236. }
  237. .ant-mentions-dropdown-menu-item:first-child {
  238. border-radius: 2px 2px 0 0;
  239. }
  240. .ant-mentions-dropdown-menu-item:last-child {
  241. border-radius: 0 0 2px 2px;
  242. }
  243. .ant-mentions-dropdown-menu-item-disabled {
  244. color: rgba(0, 0, 0, 0.25);
  245. cursor: not-allowed;
  246. }
  247. .ant-mentions-dropdown-menu-item-disabled:hover {
  248. color: rgba(0, 0, 0, 0.25);
  249. background-color: #fff;
  250. cursor: not-allowed;
  251. }
  252. .ant-mentions-dropdown-menu-item-selected {
  253. color: rgba(0, 0, 0, 0.85);
  254. font-weight: 600;
  255. background-color: #fafafa;
  256. }
  257. .ant-mentions-dropdown-menu-item-active {
  258. background-color: #f5f5f5;
  259. }
  260. .ant-mentions-rtl {
  261. direction: rtl;
  262. }