@import "/UI/Theme.scss";

UndoHistoryPage
{
    flex-direction: column;
    gap: 4px;

    .undo-help, .undo-empty
    {
        padding: 10px 8px;
        color: $menu-color;
        opacity: 0.55;
    }

    .undo-entry
    {
        min-height: 48px;
        align-items: center;
    }

    .undo-icon
    {
        width: 32px;
        flex-shrink: 0;
        align-items: center;
        justify-content: center;
        font-size: 20px;
        color: $menu-color;

        &.material-icon
        {
            font-family: "Material Icons";
        }
    }

    .undo-info
    {
        flex-direction: column;
        flex-grow: 1;
        justify-content: center;
        overflow: hidden;
    }

    .undo-name
    {
        color: $menu-color;
        font-weight: 600;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .undo-count
    {
        color: $menu-color;
        font-size: 11px;
        opacity: 0.5;
    }

    .undo-action
    {
        width: 28px;
        flex-shrink: 0;
        align-items: center;
        justify-content: center;
        color: $menu-color;
        font-family: "Material Icons";
        font-size: 18px;
        opacity: 0.45;
    }

    .undo-entry:hover .undo-action
    {
        opacity: 1;
    }
}