ttk-app-core/compatible/apps/edf/ttk-table-app-tab-list/style.less

enterprise develop framework

.ttk-table-app-tab-list {
    width: 100%;
    height: 100%;
    position: relative;

    &-content {
        padding: 0px;
        flex: 1;
        overflow: hidden;
        border: 1px solid #d9d9d9;
        border-top: none;
        background: #fff;
        .mk-datagrid .public_fixedDataTable_main{
            border-left: none;
            font-size: 12px;
            .fixedDataTableLayout_rowsContainer > div:nth-child(3) div.ttk-table-app-tab-list-cell-oprate{
                text-overflow: inherit;
            }
        }
        .mk-datagrid .public_fixedDataTable_header .public_fixedDataTableCell_main{
            background: #eaeaea !important;
            color: #333333;
        }
        .mk-datagrid .fixedDataTableLayout_rowsContainer .fixedDataTableRowLayout_rowWrapper .public_fixedDataTable_header{
            background: #eaeaea !important;
        }
        .public_fixedDataTable_scrollbarSpacer{
            top: 0px;
            background: #eaeaea;
        }
    }
    &-header-right{
        position: absolute;
        right: 23px;
        top: 10px;
        height: 30px;
        width: 80px;
        cursor: pointer;
        &-text{
            font-size: 12px;
            position: absolute;
            right: 0;
            top: 5px;
        }
        &-icon{
            height: 30px;
            width: 30px;
            position: absolute;
            left: 0;
        }
        &:hover{
            color: @primary-color;
        }
    }
    
    &-cell-left {
        padding-left: 8px;
        text-align: left;
        &-code:hover{
            text-decoration:underline;
        }
    }
    &-cell-right {
        padding-right: 8px;
        justify-content: flex-end;
    }
    // &-header {
    //     height: 50px;
    //     flex: 0 0 50px;
    //     padding: 0 10px;
    //     flex-direction: row;
    //     &-left {
    //         flex-direction: row;
    //         align-items: center;
    //         .mk-input {
    //             width: 200px;
    //             margin: 0px 10px 0px 5px;
    //         }
    //         .mk-select {
    //             width: 100px;
    //             margin: 0px 10px 0px 5px;
    //         }
    //         .ant-calendar-picker {
    //             width: 200px;
    //             margin: 0px 10px 0px 5px;
    //         }
    //     }
    //     &-right {
    //         flex-direction: row;
    //         justify-content: flex-end;
    //         align-items: center;
    //         .mkicon {
    //             font-size: 22px;
    //         }
    //         .mk-btn {
    //             margin-right: 8px !important;
    //         }
    //     }
    // }  
    .ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab{
        border: none;
        padding-bottom: 0;
        margin-right: 0;
    }
    &-tabs {
        padding: 6px 10px;
        height: 45px;
        flex: 0 0 47px;
        background: #fff;
        border: 1px solid #d9d9d9;
        border-bottom: none;
        .ant-tabs-bar {
            margin-bottom: 0px;
            border: none;
            // .ant-tabs-ink-bar{
            //     visibility: inherit !important;
            //     background: #00B38A !important;
            //     height: 4px;
            // }
            .ant-tabs-tab{
                // border: none !important;
                text-align: center;
                width: 70px;
                background: #fff !important;
                border-bottom: 2px solid #fff !important;
                transition:border-color 0.3s;
                -moz-transition:border-color 0.3s; /* Firefox 4 */
                -webkit-transition:border-color 0.3s; /* Safari and Chrome */
                -o-transition:border-color 0.3s; /* Opera */
            }
            .ant-tabs-tab-active{
                color: @primary-color  !important;
                border-bottom: 2px solid @primary-color !important;
            }
            .ant-tabs-tab:hover{
                color: @primary-color  !important;
                border-color: @primary-color !important;
            }
        }
    }

    &-footer {
        height: 58px;
        flex: 0 0 58px;
        justify-content: center;
        align-items: flex-end;
    }

    .add{
        &:before{
            color: #33c2a1;
        }
        &:hover:before{
            color: #009875;
        }
    }
}