trying to figure out how to remove the border around the graphcard.
tried mutiple things, tried to dig in the f12/developertools but thats a bit deep
# Inside
- type: custom:button-card
aspect_ratio: 10/3.2
custom_fields:
value:
card:
type: custom:button-card
entity: sensor.indoor_temperature
show_icon: false
show_state: true
show_name: true
name: "Indoor Temperature :"
styles:
name:
- padding-left: 70px
- justify-self: start
- font-size: 0.9em
- font-weight: bold
state:
- padding-left: 100px
- justify-self: start
- font-size: 0.7em
card:
- background: >-
linear-gradient(90deg, rgba(28,28,28,1.0) 0%, rgba(28,28,28,0.0)
100%)
- width: 500px
- border-radius: 0%
- z-index: 1
tap_action:
action: none
hold_action:
action: none
graph:
card:
type: custom:mini-graph-card
entities:
- entity: sensor.indoor_temperature
color_thresholds:
- value: -20
color: "#0000FF" # Deep blue (very cold)
- value: -10
color: "#00BFFF" # Ice blue
- value: 0
color: "#ADD8E6" # Light blue
- value: 10
color: "#00FF00" # Green (normal)
- value: 20
color: "#80FF00" # Yellow-green (getting warm)
- value: 25
color: "#FF8000" # Orange (hot)
- value: 30
color: "#FF0000" # Red (very hot)
hours_to_show: 24
hour24: true
points_per_hour: 2
animate: true
update_interval: 30
aggregate_func: avg
line_width: 2
bar_spacing: 5
height: 100
group: true
show:
labels: false
fill: fade
state: false
name: false
icon: false
icon:
card:
type: custom:button-card
size: 100%
icon: mdi:thermometer
show_name: false
styles:
icon:
card:
- background-color: transparent
- border: none
- border-radius: 50%
- width: 48px
- height: 48px
- z-index: 1
tap_action:
action: none
hold_action:
action: none
styles:
card:
- background-color: var(--button-card-background-color)
custom_fields:
graph:
- position: absolute
- bottom: "0px" # Anchor to the bottom
- left: "0px"
- width: 100% # Span the full width
- height: 70% # Adjust height as needed
- padding-bottom: 0
icon:
- position: absolute
- left: 3%
- top: 18%
value:
- position: absolute
- left: 0%
- top: 0%
tap_action:
action: none
hold_action:
action: none