jamiebrynes7 / obsidian-todoist-plugin

Materialize Todoist tasks in Obsidian notes
https://jamiebrynes7.github.io/obsidian-todoist-plugin/
MIT License
935 stars 70 forks source link

Add a "single line" view option for tasks. #322

Open mrickey opened 5 months ago

mrickey commented 5 months ago

Currently tasks are displayed with each task taking up several lines, one for each field.

I would like to see an option that would show the fields on a single line. For example: . I think "notes" should not show in this view.

Current View: Pay Costco Credit Card Home 🏡 / Routines 🔁 Yesterday

Suggested: Yesterday - Pay Costco Credit Card - Home / Routines - Office

Perhaps the order of the fields might change or be removed based on groupBy or show options. For example, if groupBy is "labels", you could probably remove labels from the text.

For me, I would want to groupBy labels and have the sort be based on due date, priority, then description.

rborder commented 2 months ago

In the meantime you can accomplish this with a custom css snippet:

/* Ensure task metadata is inline with task content */
.todoist-task-list .task-list-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.todoist-task-list .todoist-task-content {
    flex-grow: 1;
    margin-right: 10px;
}

.todoist-task-list .task-metadata {
    display: flex;
    align-items: center;
    margin-left: 10px; /* Adjusts spacing between task content and metadata */
}

.todoist-task-list .task-metadata-item {
    margin-right: 10px; /* Adjust margin between metadata items */
    display: flex;
    align-items: center;
}

.todoist-task-list .task-metadata-item span {
    margin-left: 5px; /* Adjust spacing between icon and text */
}