Hi, I use this:
card_mod:
style:
.: |
ha-card.type-todo-list mwc-list#checked {
display: none;
}
:host {
--mdc-checkbox-ripple-size: 13px;
}
ha-check-list-item {
min-height: 25px !important;
}
ha-textfield:
$: |
.mdc-text-field {
margin-top: -12px;
margin-bottom: 5px;
height: 50px !important;
}
Hi, I have this card:
How can I get rid of
a) the red marked space with header “Active”?
b) the yellow marked spaces?
Here is my code:
type: todo-list
entity: todo.zuhause
theme: Mushroom Square
hide_completed: true
grid_options:
columns: 6
card_mod:
style:
ha-textfield:
$: |
.mdc-text-field {
margin-top: -15px;
margin-bottom: 0px;
height: 15px !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: 16px;
}
ha-check-list-item {
min-height: 20px !important;
}
ha-card {
--mdc-typography-subtitle1-font-size: 12px;
}
ha-icon-button.addButton {
margin-top: -20px !important;
}
Adding this works for me but it feels a bit brutal to play with h2 headers so use with caution.
div.header: |
h2 {
display: none;
}
Didn’t work here. But I don’t know where/how to exactly add. Could you please post your complete card_mod code?
Code below - note that the formatting is important.
type: todo-list
entity: todo.anylist_######
hide_completed: false
title: to do
card_mod:
style:
.: |
ha-check-list-item {
min-height: 25px !important;
}
ha-check-list-item$: |
mwc-checkbox {
display: none;
}
div.header: |
h2 {
display: none;
}
ha-textfield:
$: |
.mdc-text-field {
margin-top: -12px;
margin-bottom: 5px;
height: 50px !important;
}
I can’t get rid of the add item box though so have now started looking at the PowerTodoist Card which seems more configurable.
This is great, thank you.
Is there a way to change the font size of the title above the Add Item line?
I have tried many ways but cannot find something that works.
Also, how did you add the shopping cart image?
Thank you.
