@import "../variables";
@import "../mixins";
@import "../colors";

.DeleteRow-trigger-checkbox {
    height: 0;
    opacity: 0;
    position: absolute;
    width: 0;
}

.DeleteRow-trigger {
    @include inline-middle;

    height: $icon-default-size;
    line-height: 1;
    position: relative;
    user-select: none;
    width: $icon-default-size;
}

/* stylelint-disable max-nesting-depth */

.DeleteRow-label {
    cursor: pointer;
    display: inline-block;
    height: 100%;
    position: relative;
    width: 100%;

    .DeleteRow-trigger-checkbox:disabled + & {
        cursor: default;
        pointer-events: none;

        .Icon {
            color: $color_text_label;
        }
    }
}

/* stylelint-enable max-nesting-depth */

.DeleteRow-icon {
    left: 0;
    position: absolute;
    top: 0;
    transition: $toggle_transition;
}

.DeleteRow-icon-delete {
    opacity: 1;
    top: 0;
    visibility: visible;

    .Table-row-deleted & {
        opacity: 0;
        top: $offset_main * .5;
        visibility: hidden;
    }
}

.DeleteRow-icon-undo {
    opacity: 0;
    top: -$offset_main * .5;
    visibility: visible;

    .Table-row-deleted & {
        opacity: 1;
        top: 0;
        visibility: visible;
    }
}