//@import "../../../abstracts/abstracts";

$knowledge-base-margin: 15px;
$knowledge-base-margin-total: 30px;
$knowledge-base-padding: 15px;

.classlist-knowledge-base-folder-list {
    float: left;
    padding: 0;
    //margin: 0 15px;
    //width: calc(100% - 30px) !important;

    .dbqdclkb-toolbar {
        margin: 0 $global-margin;
    }
    
    .dbqkbc-folders-container {
        display: unset;
        padding: 0 0 $global-padding 0 !important;
        margin: 0;
        width: 100%;

        .dbqkbc-folder-categories-content-container {
            margin: 15px;
        }
    }
}

.classlist-knowledge-base-file-list,
.classlist-knowledge-base-document-list {
    float: left;
    padding: 0;
    margin: 0 $knowledge-base-margin 0 0;
    width: calc(100% - 15px) !important;

    .dbqdclkb-toolbar {
        margin: 0 $global-margin;
    }

    // The default knowledge base always hides the articles/files container when there are no items.
    // For the files and articles inside a class list we do want to show that there are no items.
    .dbqkbc-files-container,
    .dbqkbc-articles-container {
        &.dbqkbc-files-container-empty,
        &.dbqkbc-articles-container-empty {
            display: flex;
        }
    }

    .dbqkbc-files,
    .dbqkbc-articles {
        padding: 0 !important; //$knowledge-base-padding 0 !important;

        .dbqkbc-files-list-container,
        .dbqkbc-articles-list-container {
            .dbqkbc-files-content,
            .dbqkbc-articles-content {
                .dbqkbc-col {
                    padding-left: 0px;
                    padding-right: 0px;

                    &:first-of-type {
                        
                    }
                }
            }
        }
    
        .dbqkbc-file-content {
            margin: $knowledge-base-margin !important;
            padding: $knowledge-base-padding !important;
        }
    
        .dbqkbc-article-content {
            //margin: 0 0 0 $knowledge-base-margin !important;
            //padding: $knowledge-base-padding !important;

            .dbqkbc-start-execute-on-object-button {
                float: right;
                display: flex;
                align-items: center;
                margin-top: $knowledge-base-margin;
                font-weight: 500;

                svg {
                    margin-right: 5px;
                    fill: $text-color-button-default;
                }
            }
        }
    }
}

// Reset the height of the knowledge base container when used as a class list inside a sidepanel.
// This is due to the sidepanel having its own overflow. Without the initial height multiple scrollbars would appear.
.dbqdcltg-sidepanel {
    .classlist-knowledge-base-folder-list,
    .classlist-knowledge-base-file-list,
    .classlist-knowledge-base-document-list {
        &.dbqkbc-container {
            height: initial;
        }
    }
}