| | |
| | | } |
| | | } |
| | | } |
| | | .normal-data-table, .normal-custom-table { |
| | | table { |
| | | .ant-table-tbody { |
| | | > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td { |
| | | background-color: $color1; |
| | | } |
| | | > tr.ant-table-row-selected:not(.background) td { |
| | | background-color: $color1; |
| | | } |
| | | > tr.ant-table-row-selected:not(.background):hover .ant-table-column-sort { |
| | | background-color: $color1; |
| | | } |
| | | > tr.mk-row-active:not(.background) td { |
| | | background-color: $color3; |
| | | } |
| | | > tr.ant-table-row-selected.mk-row-active:not(.background):hover .ant-table-column-sort { |
| | | background-color: $color3; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | .top-search { |
| | | >.ant-row { |
| | | .ant-col.search-button { |
| | | .ant-btn:not(.ant-btn-primary):active, .ant-btn:not(.ant-btn-primary).active, .ant-btn:not(.ant-btn-primary):hover, .ant-btn:not(.ant-btn-primary):focus { |
| | | color: $color7; |
| | | border-color: $color7; |
| | | } |
| | | .ant-btn-primary { |
| | | background-color: $color6; |
| | | border-color: $color6; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | .ant-tabs-nav .ant-tabs-tab-active { |
| | | color: $color6; |
| | | } |
| | |
| | | } |
| | | .ant-tabs-nav .ant-tabs-tab:hover { |
| | | color: $color5; |
| | | } |
| | | .ant-pagination { |
| | | .ant-pagination-item-active { |
| | | border-color: $color6; |
| | | a { |
| | | color: $color6; |
| | | } |
| | | } |
| | | .ant-pagination-item:hover a { |
| | | color: $color6; |
| | | } |
| | | .ant-pagination-prev:hover .ant-pagination-item-link { |
| | | color: $color6; |
| | | } |
| | | .ant-pagination-next:hover .ant-pagination-item-link { |
| | | color: $color6; |
| | | } |
| | | } |
| | | } |
| | | } |
| | |
| | | color: $color5; |
| | | } |
| | | } |
| | | // 搜索栏 |
| | | .top-search { |
| | | >.ant-row { |
| | | .ant-col.search-button { |
| | | .ant-btn:not(.ant-btn-primary):active, .ant-btn:not(.ant-btn-primary).active, .ant-btn:not(.ant-btn-primary):hover, .ant-btn:not(.ant-btn-primary):focus { |
| | | color: $color7; |
| | | border-color: $color7; |
| | | } |
| | | .ant-btn-primary { |
| | | background-color: $color6; |
| | | border-color: $color6; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | // 表格 |
| | | .normal-data-table, .normal-custom-table { |
| | | table { |
| | | .ant-table-tbody { |
| | | > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td { |
| | | background-color: $color1; |
| | | } |
| | | > tr.ant-table-row-selected:not(.background) td { |
| | | background-color: $color1; |
| | | } |
| | | > tr.ant-table-row-selected:not(.background):hover .ant-table-column-sort { |
| | | background-color: $color1; |
| | | } |
| | | > tr.mk-row-active:not(.background) td { |
| | | background-color: $color3; |
| | | } |
| | | > tr.ant-table-row-selected.mk-row-active:not(.background):hover .ant-table-column-sort { |
| | | background-color: $color3; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | // 弹窗按钮 |
| | | .popview-modal { |
| | | .ant-modal-footer { |
| | | .ant-btn:not(.ant-btn-primary):active, .ant-btn:not(.ant-btn-primary).active, .ant-btn:not(.ant-btn-primary):hover, .ant-btn:not(.ant-btn-primary):focus { |
| | | color: $color7; |
| | | border-color: $color7; |
| | | } |
| | | } |
| | | } |
| | | // 表单弹窗 |
| | | .action-modal { |
| | | .ant-modal-footer { |
| | | .ant-btn:not(.ant-btn-primary):active, .ant-btn:not(.ant-btn-primary).active, .ant-btn:not(.ant-btn-primary):hover, .ant-btn:not(.ant-btn-primary):focus { |
| | | color: $color7; |
| | | border-color: $color7; |
| | | } |
| | | .ant-btn-primary { |
| | | background-color: $color6; |
| | | border-color: $color6; |
| | | } |
| | | } |
| | | } |
| | | // 是否框 |
| | | .ant-modal-confirm-confirm { |
| | | .ant-modal-confirm-btns { |
| | | .ant-btn:not(.ant-btn-primary):active, .ant-btn:not(.ant-btn-primary).active, .ant-btn:not(.ant-btn-primary):hover, .ant-btn:not(.ant-btn-primary):focus { |
| | | color: $color7; |
| | | border-color: $color7; |
| | | } |
| | | .ant-btn-primary { |
| | | background-color: $color6; |
| | | border-color: $color6; |
| | | } |
| | | } |
| | | } |
| | | |
| | | // 系统样式修改 |
| | | .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) { |
| | |
| | | } |
| | | .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) { |
| | | background-color: $color1; |
| | | } |
| | | // 单选框 |
| | | .ant-radio-checked .ant-radio-inner { |
| | | border-color: $color6; |
| | | } |
| | | .ant-radio-checked::after { |
| | | border: 1px solid $color6; |
| | | } |
| | | .ant-radio-inner::after { |
| | | background-color: $color6; |
| | | } |
| | | .ant-radio-wrapper:hover .ant-radio, .ant-radio:hover .ant-radio-inner, .ant-radio-input:focus + .ant-radio-inner { |
| | | border-color: $color6; |
| | | } |
| | | // 复选框 |
| | | .ant-checkbox-checked .ant-checkbox-inner { |
| | |
| | | .ant-calendar-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled) { |
| | | border-color: $color5; |
| | | } |
| | | // 分页 |
| | | .ant-pagination { |
| | | .ant-pagination-item-active { |
| | | border-color: $color6; |
| | | a { |
| | | color: $color6; |
| | | } |
| | | } |
| | | .ant-pagination-item:hover a { |
| | | color: $color6; |
| | | } |
| | | .ant-pagination-prev:hover .ant-pagination-item-link { |
| | | color: $color6; |
| | | } |
| | | .ant-pagination-next:hover .ant-pagination-item-link { |
| | | color: $color6; |
| | | } |
| | | } |
| | | // 表格排序图标 |
| | | .ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-up.on, .ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-down.on { |
| | | color: $color6; |
| | | } |
| | | } |
| | | |
| | | body.hidden-split-line #root { // 去除登录页分割线 |