Show only the first task in a to-do list

Configuration Frontend
1

Hello!
I have a problem! Would like to show only the first task in a to-do list it is possible?
I use this code to only show those that are unchecked and it works great, but I don’t know how to show only the top one!

type: todo-list
entity: todo.google_keep_mat_i_veckan
card_mod:
  style:
    ha-textfield:
      $: |
        .mdc-text-field {
          margin-top: 0px;
          margin-bottom: 0px;
          height: 0px !important;
        }
        .mdc-text-field__input {
         display: none;
        }
    .: |
      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: 27px !important;
      }
      ha-card {
        --mdc-typography-subtitle1-font-size: 17px;
      }
      ha-icon-button.reorderButton,
      ha-icon-button.addButton {
        display: none;
      }
      .divider {
        display: none;
      }

Hope someone can help me!
Skärmbild 2024-02-14 115006

2
1 Like