@nodeject/ui-components/esm/todo/TodoItem.module.less

UI library for non-trivial components

.todoItem {    
    padding: 0 0 0 5px;
    .actions {
        display: none;
    }
    &:hover {
        background: #e6f7ff;
        .actions {
            padding: 0 8px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            height: 100%;
            &:hover {
                background: #bfeaff;
            }
        }
    }
    .popoverContent {
        .popoverContentItem:hover {
            background: lightgray;
        }
    }
}