How to have maximum height for the tasks query (and it is scrollable)?

[HynDuf]

As sometimes the queries can be really long, I want to have maximum height for the tasks query (and it is scrollable).

How can I tweak the CSS to make this work? Thanks a lot.

[claremacrae]

Hi, I don't know the full answer, but here is an Obsidian snippet that can be used to add a blue border around Tasks results blocks.

/* Make Tasks code blocks stand out visually, to distinguish them from Task lists in Reading mode */
.block-language-tasks {
    padding: 5px 15px;
    border: 2px solid var(--color-blue);
    border-radius: 5px;
    margin: 1em 0;
}

So if you can find someone to show you how to limit the height of a code block so it shows a scroll bar, then you could adjust the contents

[HynDuf]

Thanks. I got it.

For anyone else who might need:

.block-language-tasks {
    display: block;
    max-height: 450px;
    overflow: auto;
}

[claremacrae]

Oh brilliant, thank you very much for sharing the solution!