Is it possible to hide Todo's which are checked?

It would be better to concentrate if checked Todo’s are hidden from the view. But sometimes it would be needed to bring them back. Maybe there should be a keyboard shortcut for it.

You could use a code like this one:

And maybe make a tag that allows you to enable/disable it on a per Rem basis.

There are plenty of posts/comments in the forum with info on doing all that. Let us know if you have any trouble.

@ognsya I’m having trouble with this.

This is what I tried:

.rem-container--todo-finished {
    display: none;
}

I tested with other CSS attributes to confirm that this is the correct selector to select “checked” todo Rems.
However, display: none; seems to have no effect. I also tried visibility: hidden; but in that case, the Rem is sadly not fully removed from the page - I only get an empty spot where it used to be.

Thanks.

This works for me when I added !important. It completely removes the item.

.rem-container–todo-finished {
display: none !important;
}

I use Chrome extension Stylebot, which has a quick way to toggle this CSS.