global.less 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154
  1. /* stylelint-disable */
  2. @import '~antd/es/style/themes/default.less';
  3. html,
  4. body,
  5. #root {
  6. height: 100%;
  7. }
  8. .colorWeak {
  9. filter: invert(80%);
  10. }
  11. .ant-layout {
  12. min-height: 100vh;
  13. }
  14. .ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed {
  15. left: unset;
  16. }
  17. canvas {
  18. display: block;
  19. }
  20. body {
  21. text-rendering: optimizeLegibility;
  22. -webkit-font-smoothing: antialiased;
  23. -moz-osx-font-smoothing: grayscale;
  24. }
  25. ul,
  26. ol {
  27. list-style: none;
  28. }
  29. *,
  30. :after,
  31. :before {
  32. box-sizing: border-box;
  33. border: 0 solid #e5e7eb;
  34. }
  35. @media (max-width: @screen-xs) {
  36. .ant-table {
  37. width: 100%;
  38. overflow-x: auto;
  39. &-thead > tr,
  40. &-tbody > tr {
  41. > th,
  42. > td {
  43. white-space: pre;
  44. > span {
  45. display: block;
  46. }
  47. }
  48. }
  49. }
  50. }
  51. // Compatible with IE11
  52. @media screen and(-ms-high-contrast: active), (-ms-high-contrast: none) {
  53. body .ant-design-pro > .ant-layout {
  54. min-height: 100vh;
  55. }
  56. }
  57. .flow-popover {
  58. & .ant-popover-inner-content {
  59. padding: 12px 16px !important;
  60. }
  61. & .ant-btn > .anticon + span {
  62. min-width: 56px;
  63. text-align: left;
  64. }
  65. .condition {
  66. & .ant-btn-dashed:hover,
  67. & .ant-btn-dashed:focus {
  68. color: #52c41a;
  69. border-color: #52c41a;
  70. }
  71. }
  72. }
  73. .ant-pro-table {
  74. .ant-card-body {
  75. padding-bottom: 0;
  76. }
  77. }
  78. .ant-btn-primary[disabled],
  79. .ant-btn-primary[disabled]:hover,
  80. .ant-btn-primary[disabled]:focus,
  81. .ant-btn-primary[disabled]:active {
  82. color: rgba(255, 255, 255, 0.8) !important;
  83. background: #a0cfff !important;
  84. border-color: #98cbff !important;
  85. }
  86. .ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper {
  87. color: rgba(0 0 0 / 45%) !important;
  88. cursor: not-allowed;
  89. }
  90. .ant-pro-page-container-warp {
  91. background-color: transparent !important;
  92. }
  93. .ant-page-header {
  94. background-color: transparent !important;
  95. .ant-page-header-heading-left {
  96. margin-bottom: 0 !important;
  97. }
  98. .ant-page-header-footer {
  99. margin-top: 0 !important;
  100. }
  101. }
  102. .ant-pro-page-container-children-content {
  103. margin: 0 24px 0 !important;
  104. }
  105. .dn-app {
  106. .dn-main-panel-header {
  107. padding: 5px 0;
  108. }
  109. .dn-workspace-panel {
  110. padding: 0 !important;
  111. }
  112. .dn-main-panel-container.root {
  113. width: 100%;
  114. height: calc(100vh - 138px);
  115. .dn-resource.expand {
  116. background: #f5f7fa;
  117. }
  118. }
  119. .dn-component-tree {
  120. background: #f5f7fa;
  121. .dn-designable-form {
  122. padding: 24px 0;
  123. }
  124. }
  125. }
  126. // .dn-resource.expand .dn-resource-content {
  127. // grid-gap: 9px !important;
  128. // background-color: #f5f7fa !important;
  129. // }
  130. // .dn-resource-header-expand {
  131. // display: none !important;
  132. // }
  133. // .dn-resource {
  134. // padding: 10px !important;
  135. // background-color: #f5f7fa;
  136. // border-radius: 10px 10px 10px 10px;
  137. // }