@use 'element-plus/theme-chalk/src/mixins/mixins.scss' as *;

@include b(pro-help){
    --wet-pro-help-bolorcolor:#f0f0f0;
    background-color: #fff;
    border: 1px solid var(--wet-pro-help-bolorcolor);
    border-radius:8px ;
    height: 100%;
    &>.#{$namespace}-container{
        height: 100%;
    }
    .#{$namespace}-container{
       overflow: auto;
    }
    .#{$namespace}-header{
        height: 38px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom:  1px solid var(--wet-pro-help-bolorcolor);
    }
    .#{$namespace}-aside{
        border-right:  1px solid var(--wet-pro-help-bolorcolor);
        height: 100%;
        overflow-x: hidden;

        .asise-inner-treedata{
            // height: calc(100% - 38px);
            overflow-y: auto;
            padding:10px 0;
            box-sizing: border-box;
        }
    }
    .#{$namespace}-tree-node__label{
        white-space: nowrap; /* 禁止换行 */
        overflow: hidden; /* 隐藏溢出内容 */
        text-overflow: ellipsis; /* 显示省略号 */
        max-width: 150px;
    }

    .#{$namespace}-tree-node.is-current{
        background-color: getCssVar('tree-node','hover-bg-color');
        &.is-expanded{
            background-color: transparent;
        }
    }

    @include e(title){
        font-size: 14px;
        font-weight: bold;
    }
}