| | |
| | | @import './input.less'; |
| | | @import './btn.less'; |
| | | |
| | | // TODO beta.11 fix |
| | | .ant-col { |
| | | width: 100%; |
| | | .ant-image-preview-root { |
| | | img { |
| | | display: unset; |
| | | } |
| | | } |
| | | |
| | | span.anticon:not(.app-iconify) { |
| | | vertical-align: 0.125em !important; |
| | | } |
| | | |
| | | .ant-back-top { |
| | | right: 20px; |
| | | bottom: 20px; |
| | | } |
| | | |
| | | .collapse-container__body { |
| | |
| | | } |
| | | } |
| | | |
| | | // .ant-form-item-label { |
| | | // text-align: unset; |
| | | // } |
| | | |
| | | // ================================= |
| | | // ==============descriptions======= |
| | | // ================================= |
| | | .ant-descriptions-bordered .ant-descriptions-item-label { |
| | | background-color: @background-color-light; |
| | | .ant-image-preview-operations { |
| | | background-color: rgb(0 0 0 / 30%); |
| | | } |
| | | |
| | | .ant-descriptions .ant-descriptions-item-content { |
| | | color: @text-color-call-out; |
| | | .ant-popover { |
| | | &-content { |
| | | box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%); |
| | | } |
| | | } |
| | | |
| | | // ================================= |
| | | // ==============modal message====== |
| | | // ================================= |
| | |
| | | color: @primary-color !important; |
| | | } |
| | | |
| | | .ant-modal-mask { |
| | | background-color: rgba(0, 0, 0, 0.2); |
| | | } |
| | | // ================================= |
| | | // ==============menu=============== |
| | | // ================================= |
| | | .ant-menu-item { |
| | | &-selected { |
| | | a { |
| | | color: @primary-color; |
| | | |
| | | &:hover { |
| | | color: @primary-color; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | // ================================= |
| | | // ==============dropdown=========== |
| | | // ================================= |
| | | .ant-dropdown { |
| | | .ant-divider { |
| | | margin: 4px 0; |
| | | } |
| | | |
| | | &-menu-item { |
| | | line-height: 30px; |
| | | color: @text-color-call-out; |
| | | |
| | | &:hover { |
| | | color: inherit; |
| | | background-color: @border-color-shallow-light; |
| | | } |
| | | } |
| | | } |
| | | // ================================= |
| | | // ==============back-top=========== |
| | | // ================================= |
| | | .ant-back-top { |
| | | right: 50px; |
| | | bottom: 60px; |
| | | } |
| | | // ================================= |
| | | // ==============calendar=========== |
| | | // ================================= |
| | | .ant-calendar-picker { |
| | | width: 100%; |
| | | } |
| | | // ================================= |
| | | // ==============tooltip============ |
| | | // ================================= |
| | | |
| | | .ant-tooltip { |
| | | &-inner { |
| | | padding: 6px 16px; |
| | | line-height: 20px; |
| | | color: @white; |
| | | background: @text-color-base; |
| | | border-radius: 4px; |
| | | box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); |
| | | } |
| | | } |
| | | // ================================= |
| | | // ==============form=============== |
| | | // ================================= |
| | | .ant-form-item.deltag .ant-form-item-required::before { |
| | | content: ''; |
| | | } |
| | | |
| | | .ant-form-item-with-help { |
| | | margin-bottom: 0; |
| | | } |
| | | |
| | | .ant-form-item { |
| | | &-label label::after { |
| | | margin: 0 6px 0 2px; |
| | | } |
| | | } |
| | | |
| | | .ant-form-item:not(.ant-form-item-with-help) { |
| | | margin-bottom: 20px; |
| | | } |
| | | |
| | | .ant-form-explain { |
| | | font-size: 14px; |
| | | } |
| | | |
| | | .compact-form-row { |
| | | .ant-form-item { |
| | | margin-bottom: 8px; |
| | | } |
| | | } |
| | | |
| | | // ================================= |
| | | // ==============empty============== |
| | | // ================================= |
| | | .ant-empty-image { |
| | | max-height: 144px; |
| | | min-height: 60px; |
| | | } |
| | | |
| | | .ant-empty-description { |
| | | margin-top: 16px; |
| | | font-size: 14px; |
| | | line-height: 24px; |
| | | color: @text-color-call-out; |
| | | .ant-checkbox-checked .ant-checkbox-inner::after, |
| | | .ant-tree-checkbox-checked .ant-tree-checkbox-inner::after { |
| | | border-top: 0 !important; |
| | | border-left: 0 !important; |
| | | } |