maycur-business/lib/MkTable/FilterDropDown/CheckFilter/style/style.less

maycur business react components of web

@import '../../../../style/variables.less';
.@{prefix}-check-filter {
    width: 200px;
    background: #fff;
    #mktable-filter-dropdown();
    display: flex;
    flex-direction: column;
    .pin-search {
        margin: 5px 5px 0 5px;
    }
    .ant-radio-group,
    .ant-checkbox-group {
        display: block;
        max-height: 300px;
        overflow: auto;
    }
    &_box,
    .pin-radio-box {
        padding: 5px 0;
    }
    .pin-item,
    .pin-all {
        padding: 7px 10px;
        margin: 0 !important;
        width: 100%;
        overflow: hidden;
        display: block;
    }
    .pin-item {
        display: flex;
        align-items: center;
        &:hover{
            background-color: @lighter-background;
        }
        span + span {
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .ant-checkbox {
            top: -.06em;
        }
    }
    .pin-footer {
        display: flex;
        justify-content: space-between;
        border-top: 1px solid @border-color;
        padding: 7px 0;
        .footer-item {
            flex: 1;
            text-align: center;
            color: @maycur-color;
            cursor: pointer;
        }
        .weaker-item{
            color: @weak-text-color;
        }
    }
}