Have an option to hide checked items on the ToDo-list card

I would like to see an addition to the ToDo-List card to hide the checked items. I don’t need to see the items I’ve already bought/done, but may need to reference them or re-add them in the future.

I tried using card_mod to achieve this, but the same class is used for both new items and checked items.

Did you ever figure out how to do this?

+1 from my side. It’s useful and also reduces how much place the list takes.

Someone posted a solution to this using card_mod;

1 Like

Seems this solution is not working anymore, anyone has a workaround? Thanks!

Think I figured it out for now, this worked for me, after 2024.2, added section ha-check-list-item.editRow.completed:

My full card-mod configuration, with line spacing “corrected” to my likings :

image

      card_mod:
        style:
          ha-textfield:
            $: |
              .mdc-text-field {
                margin-top: -28px;
                margin-bottom: 5px;
                height: 50px !important;
              }
              .mdc-text-field__input {
                color: white !important;
              }
          .: |
            ha-card.type-todo-list div.header {
              display: none;
            }
            ha-check-list-item.editRow.completed {
              display: none;
            }
            :host {
              --mdc-checkbox-ripple-size: 33px;
            }
            ha-check-list-item {
              min-height: 28px !important;
            }
            ha-card {
              --mdc-typography-subtitle1-font-size: 17px;
            }
            ha-icon-button.reorderButton,
            ha-icon-button.addButton {
              margin-top: -35px !important;
            }
            .divider {
              display: none;
            }

Thanks!

7 Likes

Works great, thanks for fixing it.

1 Like

I just tried this work-around and while it works, I would like to have the checked off items still available via a drop down. This should really be part of the core card options.

1 Like

Hi,
will be in core 2024.11

1 Like