@import "mixins/mixins";
@import "common/var";

@include b(sql-editor) {
    display: flex;

    &__search {
        width: 25%;
        margin-right: 13px;

        .el-input {
            margin-bottom: 10px;
        }

        .el-tree {
            font-size: 14px;

            &-node {
                &__content {
                    .span-text {
                        display: inline-block;
                        width: 100%;
                        height: 36px;
                        line-height: 36px;
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        .el-tooltip {
                            display: inline-block;
                            width: 100%;
                        }
                    }
                }
            }
        }
    }

    &__sql {
        flex: auto;

        &-btns {
            display: flex;
            float: right;

            &>div {
                cursor: pointer;

                &:not(:last-child) {
                    margin-right: 26px;
                }
            }
        }

        &-edit {
            min-height: 50px;
            border-radius: 6px;
            border: 1px solid #DCDEE2;

            .ace_gutter {
                &-layer {
                    background-color: #E0E4F5;
                    opacity: 0.29;
                }
            }

            .ace_scroller {
                .ace_active-line {
                    background-color: #E0E4F5;
                    opacity: 0.29;
                }
            }
        }
    }

    &__icon-text {
        margin-bottom: 16px;
        font-size: 14px;

        i {
            margin-right: 4px;
        }
    }
}