Show the properties of a task depending on the type of task.

[ivkorolyov]

In all tasks, the schedule attribute is set, but it is displayed differently depending on the task type: TODO or IN_PROGRESS.

.task-list-item[data-task-status-type="TODO"] .task-scheduled[data-task-scheduled="today"] span,
.task-list-item[data-task-status-type="TODO"] .task-scheduled[data-task-scheduled^="past-"] span,
.task-list-item[data-task-status-type="TODO"] .task-scheduled[data-task-scheduled^="future-"] span {
    display: inline-block;
    display: none; 
}

.task-list-item[data-task-status-type="IN_PROGRESS"] .task-scheduled[data-task-scheduled="today"] span {
    border: 2px solid #1D9049;
    border-radius: 10px;
    display: inline-block; 
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    margin-left: 4px
}

.task-list-item[data-task-status-type="IN_PROGRESS"] .task-scheduled[data-task-scheduled^="past-"] span {
    border: 2px solid #BD1414;
    border-radius: 10px;
    display: inline-block; 
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    margin-left: 4px
    
}

.task-list-item[data-task-status-type="IN_PROGRESS"] .task-scheduled[data-task-scheduled^="future-"] span {
    border: 2px solid #ffd000;
    border-radius: 10px;
    display: inline-block; 
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    margin-left: 4px
    
}

[claremacrae]

Why would you want to hide the scheduled dates of all TODO tasks?

[ivkorolyov]

I would like to hide the schedule of task dates to maintain flexibility in time management. The start and end dates can be periodic, but I always set the schedule manually based on priorities to stay flexible. To keep this flexibility, it is necessary for a periodic task to repeat only the start and end days, while the actual scheduled day does not repeat. I want the scheduled day to appear only when I am working on the task.

I hope that I was able to overcome the language barrier and that you understood me!
Thank you!

[ivkorolyov]

The discussion is about recurring tasks.
This is a shared calendar where I can see the deadlines to determine whether I can start a task or not. I can also see the tasks that are scheduled in the calendar. Additionally, I can view the schedule for the future, today's schedule, and the schedule from the past.
As I complete tasks in the schedule, I will add new ones.

[claremacrae]

Thanks, I'm asking these questions so that others can consider whether to use the CSS you have kindly shared.

[ivkorolyov]

I was wrong, keeping the schedule hidden in TODO doesn't make me more flexible.
Useless feature.