platform-bi-web/src/components/dashboardDesigner/layout.less

.dashboarddesigner-layout {
    height: 100%;
    overflow: hidden;
    &>.ant-layout-header {
        background: none;
        padding: 0 10px;
        height: 40px;
        line-height: 40px;
        border-width: 1px 0;
        border-style: solid;
        border-color: #CCCCCC;
    }
    &>.ant-layout-content {
        flex: 1;
        .content {
            height: 100%;
            &>.dashboard-content {
                height: calc(~"100% - 20px");
                margin: 10px;
                overflow: hidden;
                &.nomargin {
                    margin: 0;
                }
                &>.content-layout {
                    flex-direction: row;
                    overflow: hidden;
                    height: 100%;
                    &>.viewlayout {
                        padding: 5px 5px 50px 5px;
                        overflow-x: hidden;
                        border: 1px solid #CCCCCC;
                    }
                    .config-sider {
                        border: none;
                        .ant-layout-sider-children {
                            margin: 0 10px 0 0;
                            padding: 5px;
                            overflow: auto;
                            border: 1px solid #CCCCCC;
                        }
                        &-closed {
                            .ant-layout-sider-children {
                                margin: 0;
                                padding: 0;
                                overflow: hidden;
                                border: none;
                            }
                        }
                    }
                }
            }
            .ant-layout-header {
                background: none;
                padding: 0 10px;
                height: auto;
                min-height: 40px;
                line-height: 37px;
                border-width: 1px 0;
                border-style: solid;
                border-color: #CCCCCC;
                display: flex;
                justify-content: space-between;
                .filters {
                    display: flex;
                    width: 100%;
                    flex-wrap: wrap;
                    .filter-tag {
                        max-width: 200px;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                        border-style: dashed;
                        margin: 8px 2px 8px 2px;
                    }
                    .filter-tag-using {
                        border-style: solid;
                        border-color: #1890FF;
                        background-color: #1890ff;
                        color: white;
                    }
                    .filter-tag-add {
                        background-color: white;
                        border-style: solid;
                    }
                }
            }
        }
    }
    .ant-layout-sider {
        background: none;
        border-width: 0 1px 0 1px;
        border-style: solid;
        border-color: #CCCCCC;
        .ant-form-item {
            margin-bottom: 0;
        }
    }
    .ant-tabs {
        .chartconfig {
            .ant-cascader-picker {
                .ant-cascader-picker-label {
                    height: 100%;
                    padding: 0 6px;
                    .cascader-label {
                        margin-left: 6px;
                    }
                    .empty-label {
                        color: #bfbfbf;
                    }
                }
            }
        }
    }
    .ant-tabs-bar {
        margin: 0;
    }
}