.file-locations-tree {
    height: 100%;
    display: flex;
    overflow: hidden;

    &__resizable {
        min-width: 6rem;
    }

    &__list {
        flex: 1;
        border-right: 1px solid $color-border;
        width: 100%; // necessary to prevent border-right from shrinking as width narrows
        overflow-y: auto;
    }

    &__item {
        flex: none;

        display: flex;
        justify-content: space-between;
        align-items: center;

        &-name {
            margin-right: 0.5rem;
            display: flex;
            align-items: center;

            min-width: 0;

            &-text {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
        }
        &-icon {
            opacity: 0.8;
            padding-right: 0.125rem;
        }
        &-badge {
            opacity: 0.8;
        }
    }

    &__content {
        flex: 1;
        width: 100%;
    }
}

.theme-light {
    .file-locations-tree {
        &__list {
            border-right: 1px solid $color-light-border;
        }
    }
}