nelsonamen
commented
2 months ago https://github.com/Clooos/Bubble-Card/assets/5807434/fc2222d7-283c-4971-9652-401a4605a9cd With same config that works on 1.7.3
Closed nelsonamen closed 2 months ago
nelsonamen
commented
2 months ago https://github.com/Clooos/Bubble-Card/assets/5807434/fc2222d7-283c-4971-9652-401a4605a9cd With same config that works on 1.7.3
paulsgale
commented
2 months ago What are you actually trying to show? you need to at least post your config
nelsonamen
commented
2 months ago In 1.7.3 works great, on last beta ONLY blur effect
type: vertical-stack
cards:
- type: custom:bubble-card
card_type: pop-up
hash: '#tseguranca'
styles: |
#root {
border-radius: 0 !important;
}
back_open: false
bg_blur: '0'
bg_opacity: 100
shadow_opacity: '0'
bg_color: '#111111'
is_sidebar_hidden: true
close_on_click: false
name: 'Segurança '
icon: mdi:security
trigger_close: false
trigger_entity: input_boolean.avisos
trigger_state: 'on'
entity: input_boolean.avisos
state: input_boolean.avisos
auto_close: 25000
margin_top_desktop: ''
margin: ''
width_desktop: 100%
- type: horizontal-stack
cards:
- type: vertical-stack
cards:
- features:
- type: alarm-modes
modes:
- armed_home
- armed_away
- disarmed
type: tile
entity: alarm_control_panel.alarme_casa
vertical: true
hide_state: false
tap_action:
action: none
- type: tile
entity: binary_sensor.flood_sensor_water_leak_state
vertical: true
icon_tap_action:
action: none
tap_action:
action: none
card_mod:
style:
.: |
ha-card {
height: 140px !important;
}
- type: logbook
entities:
- alarm_control_panel.alarme_casa
- binary_sensor.flood_sensor_water_leak_state
hours_to_show: 24
card_mod:
style:
.: |
ha-card {
height: 300px !important;
margin-top: -25px;
background: none;
box-shadow: none;
}
- square: false
type: grid
cards:
- type: vertical-stack
cards:
- type: custom:mushroom-template-card
icon: |-
{% if is_state('group.todos_sensores', 'on') %}
mdi:motion-sensor
{% elif is_state('binary_sensor.peugeot', 'on') %}
mdi:car
{% else %}
mdi:motion-sensor-off
{% endif %}
icon_color: |-
{% if is_state('group.todos_sensores', 'on') %}
red
{% elif is_state('binary_sensor.peugeot', 'on') %}
blue
{% else %}
grey
{% endif %}
primary: Sensores
layout: vertical
double_tap_action:
action: none
hold_action:
action: none
tap_action:
action: none
card_mod:
style:
.: |
ha-card {
height: px !important;
--icon-size: 80px;
background: none;
box-shadow: none;
--card-primary-font-size: 17px;
}
- type: custom:mushroom-entity-card
icon: mdi:checkbox-blank-circle
secondary_info: last-changed
entity: binary_sensor.a480001b02
icon_color: red
double_tap_action:
action: none
hold_action:
action: none
tap_action:
action: none
card_mod:
style:
.: |
ha-card {
background: none;
box-shadow: none;
margin-bottom: -25px;
align-items: start;
--card-primary-font-size: 16px;
}
mushroom-shape-icon {
# --icon-color: var(--paper-item-icon-active-color) !important;
--shape-color: none !important;
--shape-color-disabled: none !important;
}
- type: custom:mushroom-entity-card
entity: binary_sensor.alarme_keypad_motion_detection
icon: mdi:checkbox-blank-circle
secondary_info: last-changed
icon_color: red
double_tap_action:
action: none
hold_action:
action: none
tap_action:
action: none
card_mod:
style:
.: |
ha-card {
background: none;
box-shadow: none;
margin-bottom: -25px;
align-items: start;
--card-primary-font-size: 16px;
}
mushroom-shape-icon {
# --icon-color: var(--paper-item-icon-active-color) !important;
--shape-color: none !important;
--shape-color-disabled: none !important;
}
- type: custom:mushroom-entity-card
entity: binary_sensor.sensor_hall_dos_quartos
icon: mdi:checkbox-blank-circle
secondary_info: last-changed
icon_color: red
tap_action:
action: none
hold_action:
action: none
double_tap_action:
action: none
card_mod:
style:
.: |
ha-card {
background: none;
box-shadow: none;
margin-bottom: -25px;
align-items: start;
--card-primary-font-size: 16px;
}
mushroom-shape-icon {
# --icon-color: var(--paper-item-icon-active-color) !important;
--shape-color: none !important;
--shape-color-disabled: none !important;
}
- type: custom:mushroom-entity-card
entity: binary_sensor.door_window_sensor_any
icon: mdi:checkbox-blank-circle
secondary_info: last-changed
icon_color: red
double_tap_action:
action: none
hold_action:
action: none
tap_action:
action: none
card_mod:
style:
.: |
ha-card {
background: none;
box-shadow: none;
margin-bottom: -25px;
align-items: start;
--card-primary-font-size: 16px;
}
mushroom-shape-icon {
# --icon-color: var(--paper-item-icon-active-color) !important;
--shape-color: none !important;
--shape-color-disabled: none !important;
}
- type: custom:mushroom-entity-card
entity: binary_sensor.peugeot
icon: mdi:checkbox-blank-circle
secondary_info: last-changed
icon_color: red
double_tap_action:
action: none
hold_action:
action: none
tap_action:
action: none
card_mod:
style:
.: |
ha-card {
background: none;
box-shadow: none;
margin-bottom: -25px;
align-items: start;
--card-primary-font-size: 16px;
}
mushroom-shape-icon {
# --icon-color: var(--paper-item-icon-active-color) !important;
--shape-color: none !important;
--shape-color-disabled: none !important;
}
- type: custom:mushroom-entity-card
entity: binary_sensor.sensor_closet_ocupacao
icon: mdi:checkbox-blank-circle
secondary_info: last-changed
icon_color: red
double_tap_action:
action: none
hold_action:
action: none
tap_action:
action: none
card_mod:
style:
.: |
ha-card {
background: none;
box-shadow: none;
margin-bottom: -25px;
align-items: start;
--card-primary-font-size: 16px;
}
mushroom-shape-icon {
# --icon-color: var(--paper-item-icon-active-color) !important;
--shape-color: none !important;
--shape-color-disabled: none !important;
}
- type: custom:mushroom-entity-card
entity: binary_sensor.sensor_humano_cozinha_occupancy
icon: mdi:checkbox-blank-circle
secondary_info: last-changed
icon_color: red
double_tap_action:
action: none
hold_action:
action: none
tap_action:
action: none
card_mod:
style:
.: |
ha-card {
background: none;
box-shadow: none;
margin-bottom: -25px;
align-items: start;
--card-primary-font-size: 16px;
}
mushroom-shape-icon {
# --icon-color: var(--paper-item-icon-active-color) !important;
--shape-color: none !important;
--shape-color-disabled: none !important;
}
- type: vertical-stack
cards:
- type: custom:mushroom-template-card
primary: Janelas
secondary: ''
icon: >-
{% if is_state('binary_sensor.janelas','off') %}
mdi:window-closed {% else %} mdi:window-open {% endif %}
double_tap_action:
action: none
hold_action:
action: none
tap_action:
action: none
multiline_secondary: false
fill_container: false
icon_color: >-
{% if is_state('binary_sensor.janelas','on') %} blue {% else
%} grey {% endif %}
entity: group.janelas
layout: vertical
card_mod:
style:
.: |
ha-card {
height: px !important;
--icon-size: 80px;
background: none;
box-shadow: none;
--card-primary-font-size: 17px;
}
- type: custom:mushroom-entity-card
entity: binary_sensor.a480001b61
name: Sala
icon: mdi:checkbox-blank-circle
secondary_info: last-changed
layout: horizontal
card_mod:
style:
.: |
ha-card {
background: none;
box-shadow: none;
margin-bottom: -25px;
align-items: start;
--card-primary-font-size: 16px;
}
mushroom-shape-icon {
# --icon-color: var(--paper-item-icon-active-color) !important;
--shape-color: none !important;
--shape-color-disabled: none !important;
}
- type: custom:mushroom-entity-card
entity: binary_sensor.a48000ae65
icon: mdi:checkbox-blank-circle
name: Cozinha
secondary_info: last-changed
card_mod:
style:
.: |
ha-card {
background: none;
box-shadow: none;
margin-bottom: -25px;
align-items: start;
--card-primary-font-size: 16px;
}
mushroom-shape-icon {
# --icon-color: var(--paper-item-icon-active-color) !important;
--shape-color: none !important;
--shape-color-disabled: none !important;
}
- type: custom:mushroom-entity-card
entity: binary_sensor.janela_quarto_diogo_opening
icon: mdi:checkbox-blank-circle
name: Diogo
secondary_info: last-changed
card_mod:
style:
.: |
ha-card {
background: none;
box-shadow: none;
margin-bottom: -25px;
align-items: start;
--card-primary-font-size: 16px;
}
mushroom-shape-icon {
# --icon-color: var(--paper-item-icon-active-color) !important;
--shape-color: none !important;
--shape-color-disabled: none !important;
}
- type: custom:mushroom-entity-card
entity: binary_sensor.janela_quarto_n_and_s_opening
name: N&S
icon: mdi:checkbox-blank-circle
secondary_info: last-changed
card_mod:
style:
.: |
ha-card {
background: none;
box-shadow: none;
margin-bottom: -25px;
align-items: start;
--card-primary-font-size: 16px;
}
mushroom-shape-icon {
# --icon-color: var(--paper-item-icon-active-color) !important;
--shape-color: none !important;
--shape-color-disabled: none !important;
}
columns: 2
The blur effect is always ativate in beta5 too bg_blur: '0' bg_opacity: 100 shadow_opacity: '0'
nelsonamen
commented
2 months ago Option to remove the bluer effect behind popup On tablet is slow
Clooos
commented
2 months ago Have you try to add hide_backdrop: true to your pop-up YAML? Then refresh the page.
nelsonamen
commented
2 months ago 👍 works sorry
On mobile
On tablet