Design update: Follow UI standards for complete vs incomplete tasks

English Forum Product Feedback
1

An incomplete task should be an empty box, not a box (circle) with a check mark in it. Here is the CSS that is needed to fix it. If you use Stylebot for Chrome, you can add this CSS to fix your personal view of Asana.

.TaskRowCompletionStatus-checkbox {
border: 1px solid #151b26;
border-radius: 50%;
fill: white;
}

.TaskRowCompletionStatus-checkbox.TaskRowCompletionStatus-checkbox--complete {
background: white;
border-color: #151b26;
fill: #151b26;
}

:not(.TaskRowCompletionStatus-checkbox--disabled).TaskRowCompletionStatus-checkbox.TaskRowCompletionStatus-checkbox--complete {
cursor: pointer;
opacity: 0.3;
}
1 Like