@use "../core/_index.scss" as *;
@use "./_variables.scss" as *;

@mixin kendo-dropdown-tree--layout() {

    // Dropdown tree
    .k-dropdown-tree {}

    // Dropdowntree popup
    .k-popup-dropdowntree, // remove legacy class once updated in components
    .k-dropdowntree-popup,
    .k-multiselecttree-popup {
        .k-treeview {
            padding-block: calc( var( --kendo-dropdowntree-popup-padding-y, #{$kendo-dropdowntree-popup-padding-y} ) / 2 );
            padding-inline: calc( var( --kendo-dropdowntree-popup-padding-x, #{$kendo-dropdowntree-popup-padding-x} ) / 2 );
        }

        .k-check-all {
            padding-block: var( --kendo-dropdowntree-popup-padding-y, #{$kendo-dropdowntree-popup-padding-y} );
            padding-inline: var( --kendo-dropdowntree-popup-padding-x, #{$kendo-dropdowntree-popup-padding-x} );
        }
    }

    .k-multiselecttree {
        .k-input-values {
            width: auto;
            max-width: 100%;
        }

        .k-input-inner::before {
            content: "\200b";
            width: 0px;
            overflow: hidden;
            flex: none;
            display: inline-block;
            vertical-align: top;
        }
    }

}