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

.layout-dashboarddesigner {
    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: @border-color-base;
    }
    &>.ant-layout-content {
        flex: 1;
        .content {
            height: 100%;
            &>.dashboard-content {
                display: flex;
                flex-direction: column;
                margin: 10px;
                overflow: hidden;
                &.nomargin {
                    margin: 0;
                }
                &>.content-layout {
                    flex-direction: row;
                    overflow: hidden;
                    height: 100%;
                    background: @content-background-color;
                    &>.viewlayout {
                        display: flex;
                        flex-direction: column;
                        padding: 0;
                        overflow: hidden;
                        >.dashboard-viewcontent {
                            flex: 1;
                            overflow: auto;
                            // margin: 8px;
                        }
                    }
                    >.config-sider {
                        border: none;
                        .ant-layout-sider-children {
                            margin: 0 10px 0 0;
                            padding: 5px;
                            overflow: auto;
                            border: 1px solid @border-color-base;
                        }
                        &-closed {
                            .ant-layout-sider-children {
                                margin: 0;
                                padding: 0;
                                overflow: hidden;
                                border: none;
                            }
                        }
                    }
                }
            }
            .ant-layout-header {
                background: none;
                padding: 0;
                height: auto;
                // min-height: 40px;
                line-height: 37px;
                border-width: 1px 0;
                border-style: solid;
                border-color: @border-color-base;
                display: flex;
                justify-content: space-between;
                border: none;
                .filters {
                    display: flex;
                    border: none;
                    background: #FCFCFC;
                    width: 100%;
                    justify-content: space-between;
                    padding-left: 8px;
                    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
                    &.closed {
                        height: 39px;
                        overflow: hidden;
                    }
                    .content {
                        flex: 1;
                        display: flex;
                        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 {
                            border: none;
                            background: transparent;
                            line-height: 20px;
                        }
                    }
                    .right {
                        padding-right: 8px;
                        .anticon {
                            cursor: pointer;
                        }
                    }
                }
            }
        }
    }
    .ant-layout-sider {
        background: none;
        border-width: 0 1px 0 1px;
        border-style: solid;
        border-color: @border-color-base;
        .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;
    }
}