global.less 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618
  1. * {
  2. font-family: 'SourceHanSansCN, SourceHanSansCN' !important;
  3. }
  4. body {
  5. margin: 0;
  6. height: 100%;
  7. zoom: unset !important;
  8. }
  9. .bms-ant-space-item {
  10. &>a {
  11. color: #3376FE !important;
  12. }
  13. }
  14. textarea {
  15. border: 1px solid #CFD7E6 !important;
  16. }
  17. .bms-ant-input {
  18. &::placeholder {
  19. color: #99A6BF !important;
  20. }
  21. }
  22. //Modal
  23. .bms-ant-modal {
  24. .bms-ant-modal-content {
  25. padding: 16px !important;
  26. .bms-ant-modal-body {
  27. .bms-ant-modal-confirm-body-wrapper {
  28. .bms-ant-modal-confirm-body {
  29. .bms-ant-modal-confirm-content {
  30. max-width: 100% !important;
  31. max-height: 80vh !important;
  32. overflow-y: scroll;
  33. .TableTransfer {
  34. .bms-ant-transfer-operation {
  35. // align-self: self-end;
  36. // margin-bottom: 30px;
  37. button {
  38. //color: #17181A;
  39. width: 24px;
  40. height: 40px !important;
  41. // background: #FAFCFF;
  42. border-radius: 4px;
  43. border: 1px solid #DAE2F2;
  44. }
  45. }
  46. .bms-ant-transfer-list {
  47. overflow: hidden;
  48. border: 1px solid #DAE2F2;
  49. .bms-ant-transfer-list-header {
  50. border-bottom: 1px solid #DAE2F2;
  51. .anticon {
  52. color: #99A6BF;
  53. }
  54. .bms-ant-transfer-list-header-selected {
  55. color: #515866;
  56. }
  57. }
  58. .bms-ant-transfer-list-body {
  59. .bms-ant-transfer-list-body-search-wrapper {
  60. padding: 8px;
  61. .bms-ant-input-prefix {
  62. .anticon-search {
  63. color: #99A6BF;
  64. }
  65. }
  66. }
  67. .bms-ant-transfer-list-body-customize-wrapper {
  68. .BMSTable {
  69. border:none !important;
  70. border-radius:0 !important;
  71. }
  72. }
  73. }
  74. }
  75. .bms-ant-table {
  76. .bms-ant-table-container {
  77. .bms-ant-table-content {
  78. .bms-ant-table-thead {
  79. &>tr>th {
  80. font-size: 14px;
  81. font-family: SourceHanSansCN-Medium, SourceHanSansCN;
  82. font-weight: 500;
  83. color: #17181A;
  84. background: #EEF3FA;
  85. border-radius: 0 !important;
  86. padding: 4px 8px !important;
  87. border-bottom: none;
  88. }
  89. }
  90. .bms-ant-table-tbody {
  91. &>tr>td {
  92. padding-left: 8px !important;
  93. padding-right: 8px !important;
  94. }
  95. }
  96. }
  97. }
  98. }
  99. }
  100. }
  101. }
  102. .bms-ant-modal-confirm-btns {
  103. display: flex;
  104. flex-direction: row;
  105. align-items: center;
  106. justify-content: flex-end;
  107. &>button {
  108. display: flex;
  109. justify-content: center;
  110. align-items: center;
  111. padding: 0 14px;
  112. height: 24px;
  113. border-radius: 4px;
  114. &.bms-ant-btn-default {
  115. border: 1px solid #DAE2F2;
  116. background-color: #FAFCFF;
  117. }
  118. &.bms-ant-btn-primary {
  119. background-color: #3376FE;
  120. }
  121. }
  122. }
  123. }
  124. }
  125. }
  126. .bms-ant-modal-footer {
  127. margin-top: 0;
  128. .bms-ant-space-item {
  129. &>button {
  130. display: flex;
  131. justify-content: center;
  132. align-items: center;
  133. padding: 0 14px;
  134. height: 24px;
  135. ;
  136. border-radius: 4px;
  137. &>span {
  138. }
  139. &.bms-ant-btn-default {
  140. border: 1px solid #DAE2F2;
  141. background-color: #FAFCFF;
  142. }
  143. &.bms-ant-btn-primary {
  144. background-color: #3376FE;
  145. }
  146. }
  147. }
  148. }
  149. }
  150. //message
  151. .bms-ant-message {
  152. .ant-message-notice-success {
  153. .bms-ant-message-notice-content {
  154. .anticon-check-circle {
  155. &>svg {
  156. color: #52c41a;
  157. }
  158. }
  159. }
  160. }
  161. }
  162. //Form
  163. .bms-ant-form {
  164. &.bms-ant-form-vertical {
  165. .bms-ant-form-item {
  166. margin-bottom: 16px;
  167. .bms-ant-form-item-label {
  168. padding: 0 !important;
  169. height: 15px;
  170. margin-bottom: 8px;
  171. line-height: 15px;
  172. }
  173. .bms-ant-form-item-control-input {
  174. min-height: 24px;
  175. }
  176. }
  177. }
  178. }
  179. // .bms-ant-form-item-label {
  180. // padding: 0;
  181. // //height: 15px;
  182. // line-height: 15px;
  183. // margin-bottom: 5px;
  184. // .bms-ant-form-item-required {
  185. // &::before {
  186. // margin-right: 0 !important;
  187. // }
  188. // }
  189. // }
  190. .bms-ant-input-affix-wrapper {
  191. padding: 0px 8px !important;
  192. border-radius: 4px;
  193. border: 1px solid #CFD7E6 !important;
  194. &>input {
  195. &::placeholder {
  196. font-size: 14px;
  197. font-family: SourceHanSansCN-Normal, SourceHanSansCN;
  198. font-weight: 400;
  199. color: #99A6BF;
  200. }
  201. }
  202. }
  203. .bms-ant-input-disabled {
  204. &::placeholder {
  205. color: #7A8599 !important;
  206. }
  207. }
  208. .bms-ant-input-affix-wrapper-disabled {
  209. background: #F0F2F5 !important;
  210. }
  211. // //proContsiner 标题样式覆盖
  212. // .bms-ant-page-header .bms-ant-page-header-heading-title {
  213. // height: 17px !important;
  214. // font-size: 16px !important;
  215. // line-height: 17px !important;
  216. // }
  217. .bms-ant-page-header .bms-ant-page-header-heading-left {
  218. margin-block: 0 !important;
  219. }
  220. .bms-ant-pro .bms-ant-pro-layout .bms-ant-pro-sider-fixed {
  221. position: absolute !important;
  222. // min-width:230px !important;
  223. // width: 230px !important;
  224. }
  225. //避免logo区域的层级过高,影响父容器
  226. .bms-ant-pro .bms-ant-pro-layout .bms-ant-pro-sider-fixed {
  227. z-index: 0 !important;
  228. }
  229. .bms-ant-menu-light:not(.bms-ant-menu-horizontal) .bms-ant-menu-item:not(.bms-ant-menu-item-selected):hover {
  230. background-color: #f0f2f5 !important;
  231. }
  232. .bms-ant-menu-light:not(.bms-ant-menu-horizontal) .bms-ant-menu-submenu-title:hover {
  233. background-color: #f0f2f5 !important;
  234. }
  235. .bms-ant-tree.bms-ant-tree-directory .bms-ant-tree-treenode:hover::before {
  236. background: #f0f2f5 !important;
  237. border-radius: 4px;
  238. }
  239. .BMS-EditableProTable {
  240. .bms-ant-pro-card-body {
  241. padding-inline: 0 !important;
  242. padding-block: 0 !important;
  243. .bms-ant-table {
  244. border: 1px solid #CFD7E6 !important;
  245. overflow: hidden;
  246. .bms-ant-table-content {
  247. .bms-ant-table-thead {
  248. &>tr>th {
  249. height: 15px;
  250. line-height: 15px;
  251. font-size: 14px;
  252. padding: 12px 16px !important;
  253. font-family: SourceHanSansCN-Medium, SourceHanSansCN;
  254. // font-weight: 500;
  255. color: #17181A;
  256. border-bottom:1px solid #CFD7E6 !important;
  257. background: rgb(238 243 250 / 100%) !important;
  258. &::before {
  259. display: none !important;
  260. }
  261. }
  262. }
  263. .bms-ant-table-tbody {
  264. .bms-ant-table-row {
  265. .bms-ant-table-cell {
  266. height: 15px;
  267. line-height: 15px;
  268. font-size: 14px;
  269. font-family: SourceHanSansCN-Medium, SourceHanSansCN;
  270. color: #17181A;
  271. padding: 12px 16px !important;
  272. &>div {
  273. justify-content: flex-start !important;
  274. }
  275. }
  276. &:last-child {
  277. &>td {
  278. border-bottom-color: none !important;
  279. }
  280. }
  281. }
  282. }
  283. }
  284. }
  285. }
  286. }
  287. .bms-ant-table-wrapper {
  288. .bms-ant-table:not(.bms-ant-table-bordered) .bms-ant-table-tbody>tr.bms-ant-table-row.bms-ant-table-row-selected>td:first-child {
  289. border-radius: 0 !important;
  290. }
  291. .bms-ant-table-content {
  292. .bms-ant-table-thead {
  293. tr {
  294. &:last-child {
  295. .bms-ant-table-cell {
  296. // border-top: 1px solid #dae2f2;
  297. }
  298. }
  299. }
  300. }
  301. }
  302. }
  303. .bms-ant-table-wrapper .bms-ant-table:not(.bms-ant-table-bordered) .bms-ant-table-tbody>tr.bms-ant-table-row:hover>td:first-child {
  304. border-start-start-radius: 0 !important;
  305. border-end-start-radius: 0 !important;
  306. }
  307. .bms-ant-table-wrapper .bms-ant-table:not(.bms-ant-table-bordered) .bms-ant-table-tbody>tr.bms-ant-table-row:last-child:hover>td {
  308. border-bottom-color: #dae2f2 !important;
  309. }
  310. .bms-ant-table-wrapper .bms-ant-table:not(.bms-ant-table-bordered) .bms-ant-table-tbody>tr.bms-ant-table-row:last-child>td {
  311. border-bottom-color: #dae2f2 !important;
  312. }
  313. .bms-ant-table-wrapper .bms-ant-table:not(.bms-ant-table-bordered) .bms-ant-table-tbody>tr.bms-ant-table-row:hover>td:last-child {
  314. border-end-end-radius: 0 !important;
  315. border-start-end-radius: 0 !important;
  316. }
  317. .bms-ant-pro .bms-ant-pro-layout .bms-ant-pro-layout-bg-list {
  318. background: #F7F9FC !important;
  319. }
  320. // .bms-ant-message-notice .bms-ant-message-success .anticon {
  321. // color: #52c41a !important;
  322. // }
  323. .ant-message-success {
  324. .anticon .anticon-check-circle {
  325. color: #52c41a !important;
  326. }
  327. }
  328. /**
  329. Select
  330. **/
  331. .bms-ant-select {
  332. .bms-ant-select-selector {
  333. height: 24px !important;
  334. padding: 0 8px !important;
  335. border-radius: 4px !important;
  336. border: 1px solid #CFD7E6 !important;
  337. .bms-ant-select-selection-item {
  338. line-height: 24px !important;
  339. }
  340. .bms-ant-select-selection-search-input {
  341. height: 24px !important;
  342. }
  343. .bms-ant-select-selection-placeholder {
  344. line-height: 22px !important;
  345. font-size: 14px;
  346. font-family: SourceHanSansCN-Normal, SourceHanSansCN;
  347. font-weight: 400;
  348. color: #99A6BF;
  349. }
  350. .bms-ant-select-selection-overflow {
  351. .bms-ant-select-selection-overflow-item {
  352. .bms-ant-select-selection-item {
  353. height: 22px !important;
  354. line-height: 22px !important;
  355. margin-top: 0 !important;
  356. margin-bottom: 7px !important;
  357. }
  358. }
  359. }
  360. }
  361. .bms-ant-select-arrow {
  362. color: #CFD7E6;
  363. }
  364. &.bms-ant-select-disabled {
  365. .bms-ant-select-selector {
  366. border: 1px solid #DADEE6 !important;
  367. .bms-ant-select-selection-placeholder {
  368. color: #7A8599;
  369. }
  370. }
  371. .bms-ant-select-arrow {
  372. color: #7A8599;
  373. }
  374. }
  375. }
  376. .bms-ant-tabs .bms-ant-tabs-tab {
  377. padding: 5px 0 !important;
  378. padding-top: 12px !important;
  379. }
  380. .bms-ant-table-wrapper {
  381. overflow: hidden;
  382. }
  383. .bms-ant-pro-layout .bms-ant-pro-layout-container {
  384. background: #F7F9FC !important;
  385. }
  386. //页面全局底色
  387. .bms-ant-pro .bms-ant-pro-layout .bms-ant-pro-layout-bg-list {
  388. background: rgb(247 249 252 / 100%);
  389. }
  390. .bms-ant-pro-page-container-children-content {
  391. padding-inline: 0 !important;
  392. }
  393. .bms-ant-pro-sider-actions {
  394. display: none !important;
  395. }
  396. .bms-ant-pro-sider-collapsed-button {
  397. top: 95% !important;
  398. right: 17px !important;
  399. }
  400. .bms-ant-menu .bms-ant-menu-submenu-title .anticon {
  401. transition: none !important;
  402. }
  403. .bms-ant-menu .bms-ant-menu-item .anticon+span {
  404. transition: none !important;
  405. }
  406. .bms-ant-menu .bms-ant-menu-item .anticon {
  407. transition: none !important;
  408. }
  409. .bms-ant-menu .bms-ant-menu-item {
  410. transition: none !important;
  411. }
  412. .bms-ant-menu .bms-ant-menu-submenu-title .anticon+span {
  413. transition: none !important;
  414. }
  415. .bms-ant-tabs .bms-ant-tabs-tab+.bms-ant-tabs-tab {
  416. margin: 0 0 0 24px !important;
  417. }
  418. .menuCollapseIcon {
  419. &>svg {
  420. width: 24px;
  421. height: 24px;
  422. }
  423. }
  424. .bms-ant-pro-form>div:not(.bms-ant-pro-form-light-filter) .pro-field-lg {
  425. width: 100% !important;
  426. }
  427. .bms-ant-select {
  428. .bms-ant-select-selector {
  429. border: 1px solid #CFD7E6 !important;
  430. // color: #99A6BF !important;
  431. .bms-ant-select-selection-placeholder {
  432. color: #99A6BF !important;
  433. }
  434. }
  435. .bms-ant-select-arrow {
  436. color: #99A6BF !important;
  437. }
  438. }
  439. .bms-ant-input-number-input {
  440. &::placeholder {
  441. color: #99A6BF !important;
  442. }
  443. }
  444. .bms-ant-select-disabled {
  445. .bms-ant-select-selector {
  446. border: 1px solid #DADEE6 !important;
  447. background: #F0F2F5 !important;
  448. .bms-ant-select-selection-placeholder {
  449. color: #7A8599 !important;
  450. }
  451. }
  452. .bms-ant-select-arrow {
  453. color: #7A8599 !important;
  454. }
  455. }
  456. .bms-ant-input-number {
  457. border: 1px solid #CFD7E6 !important;
  458. color: #99A6BF !important;
  459. .bms-ant-input-number-input {
  460. height: 24px !important;
  461. line-height: 24px !important;
  462. }
  463. }
  464. .bms-ant-input-number-disabled {
  465. border: 1px solid #DADEE6 !important;
  466. background: #F0F2F5 !important;
  467. .bms-ant-input-number-input {
  468. color: #7A8599 !important;
  469. }
  470. }
  471. .bms-ant-input-affix-wrapper-disabled {
  472. border: 1px solid #DADEE6 !important;
  473. }
  474. .bms-ant-picker {
  475. border: 1px solid #CFD7E6 !important;
  476. }
  477. .bms-ant-picker-input>input[disabled] {
  478. color: #7A8599 !important;
  479. }
  480. .bms-ant-picker-disabled {
  481. background: #F0F2F5 !important;
  482. border: 1px solid #DADEE6 !important;
  483. .anticon-swap-right,
  484. .anticon-calendar {
  485. color: #7A8599 !important;
  486. }
  487. }