Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
mrickey opened this issue Jun 2, 2024 · 1 comment
Open

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

mrickey opened this issue Jun 2, 2024 · 1 comment
Labels
✨ feature New feature or request

Comments

@mrickey
Copy link

mrickey commented Jun 2, 2024

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.

@mrickey mrickey added the ✨ feature New feature or request label Jun 2, 2024
@rborder
Copy link

rborder commented Aug 19, 2024

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 */
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
✨ feature New feature or request
Projects
None yet
Development

No branches or pull requests

2 participants