#@DeadlyPantsD Post your code to show
1 messages · Page 1 of 1 (latest)
hey, this is what I have ended p with so far... I colored the entity card red so I could see where the bottom of it would land
type: custom:button-card
name: Test
template:
- base
styles:
custom_fields:
# options:
# - position: absolute
# - left: 0%
# - top: 0%
grid:
- grid-template-areas: |
"options options"
"n n"
- grid-template-columns: repeat(2, 1fr)
- grid-template-rows: auto repeat(2, min-content)
- gap: 0.1%
- align-items: start
- will-change: transform
custom_fields:
options:
card:
type: entities
entities:
- entity: input_boolean.frigate_lighting
name: " "
card_mod:
style:
hui-generic-entity-row:
$: |
state-badge {
margin-left: -1em !important;
}
.info {
display: hidden;
}
- entity: input_boolean.frigate_lighting
name: " "
icon: mdi:clock
card_mod:
style:
hui-generic-entity-row:
$: |
state-badge {
margin-left: -1em !important;
}
.info {
display: hidden;
}
card_mod:
style: |
ha-card {
padding: -1em;
border: none;
background: red;
width: 9.2em !important;
height: 5em !important;
top: -0.9em !important;
left: -1em !important;
margin: 0px !important;
.: |
#states > * {
line-height: 10px !important;
}
the base template is based off of matt8707's dashboard
which i LOVE btw
OPE!
found it
:host {
height: 20px;
}
I changed from 20px to 1em
worked beautifully