/
button_header_badge.yaml
89 lines (88 loc) · 2.15 KB
/
button_header_badge.yaml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
# lovelace_gen
# Card
type: custom:button-card
style: |
ha-card {
margin-top: 12px;
}
name: Button
icon: {{ icon|default('mdi:menu') }}
deep_press: {{ deep_press|default('true') }}
size: {{ size|default('80%') }}
color: auto
entity: input_boolean.dummy1
show_name: false
show_state: false
show_label: false
tap_action:
action: call-service
service: browser_mod.popup
service_data:
title: ' '
style:
background: rgba(0, 0, 0, 0.5)
"--iron-icon-fill-color": "#FFF"
"--iron-icon": "#FFF"
--paper-item-icon-color: white !important
--primary-text-color: white !important
--text-primary-color: white !important
color: white !important
card:
type: vertical-stack
cards:
- !include
- {{ template|default('popup_device_counters.yaml') }}
- entity: {{ entity }}
deviceID:
- this
haptic: light
hold_action:
action: call-service
service: browser_mod.popup
service_data:
title: ' '
style:
background: rgba(0, 0, 0, 0.5)
"--iron-icon-fill-color": "#FFF"
"--iron-icon": "#FFF"
--paper-item-icon-color: white !important
--primary-text-color: white !important
--text-primary-color: white !important
color: white !important
card:
type: vertical-stack
cards:
- !include
- {{ template|default('popup_device_counters.yaml') }}
- entity: {{ entity }}
deviceID:
- this
haptic: heavy
styles:
card:
- --ha-card-background: transparant
- box-shadow: none
- width: 30px
- height: 30px
img_cell:
- align-self: start
- text-align: start
custom_fields:
notification:
- background-color: "{{ background_color }}"
- color: white
- border-radius: 50%
- overflow: visible
- position: absolute
- left: 50%
- bottom: 50%
- height: 15px
- width: 15px
- font-size: 11px
icon:
- color: var(--header-color)
custom_fields:
notification: "{{ badge }}"
state:
- value: "off"
spin: {{ spin_off|default('false') }}