@import "src/styles/colors.scss";

.Table-row {
    &:hover {
        background-color: $mouse;
        cursor: pointer;
    }

    &-cell {
        border-bottom: 1px solid $mouse;
        padding: 10px 5px;
    }

    &-cell-priority {
        border-bottom: none;
        color: $timberwolf;
        text-align: center;
    }

    &:hover &-cell-priority {
        background-color: $white;
    }

    &:last-child &-cell {
        border-bottom: none;
    }

    .Icons-up-and-down-arrows {
        margin-right: 5px;
        vertical-align: text-bottom;
        visibility: hidden;
    }

    &:hover .Icons-up-and-down-arrows {
        visibility: visible;
    }

    &-dragging &-cell.Table-row-cell-description {
        border: 2px $koala dashed;
        opacity: 0;
    }
}