@import '~@gravity-ui/uikit/styles/mixins';

.dl-user-menu {
    background-color: var(--g-color-base-float);
    padding: var(--g-spacing-2);
    box-sizing: border-box;
    max-height: calc(100vh - 100px);
    width: 300px;

    &__entry {
        box-sizing: border-box;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        padding: var(--g-spacing-2);
        text-decoration: none;
    }

    &__entry-content {
        flex: auto;
        min-width: 0;
    }

    &__entry-actions {
        white-space: nowrap;
    }

    &__entry-button {
        margin-inline-start: var(--g-spacing-1);
    }

    &__user {
        display: flex;
    }

    &__user-info {
        @include text-body-short;
        display: flex;
        flex: auto;
        flex-direction: column;
        min-width: 0;
        margin-left: var(--g-spacing-3);
        align-items: flex-start;
        justify-content: center;
    }

    &__user-name,
    &__user-description {
        @include overflow-ellipsis();
        max-width: 100%;
    }

    &__user-description {
        color: var(--g-color-text-secondary);
    }

    &__user-avatar {
        flex-shrink: 0;
    }

    &__user-label {
        margin-top: var(--g-spacing-1);
        width: auto;
        max-width: 100%;
    }
}
