Bonjour,
J’ai un problème depuis peu, mes popup browser mod s’affichent mal que sur mon smartphone. Sur ma tablette ou sur PC, ils s’affichent bien au centre depuis que j’ai ajouté ces lignes sur ma config du thème :
Google Theme:
card-mod-theme: Google Theme
card-mod-more-info-yaml: |
.: |
ha-dialog {
–vertical-align-dialog: center !important;
–dialog-backdrop-filter: blur(0.8em);
}
.container, .content{outline: none !important;}
Sur mon smartphone, ça a fonctionné un certain temps mais du jour au lendemain, mon popup s’ouvre en haut avec un grand bandeau blanc en dessous. D’ou cela peut venir ? j’ai essayé d’effacer le cache de l’application, sans succès
Bonjour,
j’ai eu le même problème, un soucis de browser_mod.
je passe par ce code:
tap_action:
action: fire-dom-event
browser_mod:
service: browser_mod.popup
data:
right_button: Fermer
right_button_action:
service: browser_mod.close_popup
data:
browser_id: THIS
browser_id: THIS
size: fullscreen
card_mod:
style: |
ha-dialog {
--mdc-dialog-min-width: 90vw !important;
--mdc-dialog-min-height: fit-content !important;
--mdc-dialog-max-width: var(--mdc-dialog-min-width) !important;
--mdc-dialog-max-height: var(--mdc-dialog-min-height) !important;
--ha-dialog-border-radius: var(--ha-card-border-radius) !important;
--vertical-align-dialog: center !important;
--header-height: 5vh !important;
--footer-height: var(--header-height) !important;
--padding-y: 8px !important;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}
.content {
height: fit-content !important;
max-height: 95vh !important;
pointer-events: unset !important;
padding: 0 !important;
}
.container {
padding: 0 !important;
}
title: Liste course
style: '--popup-border-radius: 15px; '
content:
type: shopping-list
Merci de ta réponse mais je n’arrive pas à ouvrir le popup. Pour le faire je suis obligé de mettre :
tap_action:
action: fire-dom-event
browser_mod:
service: browser_mod.popup
target:
device_id: aa7a5440e32d3557582f46c40ad863e0
data:
style: |
--popup-min-width: 400px;
--popup-max-width: 600px;
--popup-border-radius: 20px;
--popup-outline: none !important;
content:
type: custom:decluttering-cardsaisissez ou collez du code ici
Comme ça, ça fonctionne ?
tap_action:
action: fire-dom-event
browser_mod:
service: browser_mod.popup
data:
browser_id: THIS
size: fullscreen
card_mod:
style: |
ha-dialog {
--mdc-dialog-min-width: 90vw !important;
--mdc-dialog-min-height: fit-content !important;
--mdc-dialog-max-width: var(--mdc-dialog-min-width) !important;
--mdc-dialog-max-height: var(--mdc-dialog-min-height) !important;
--ha-dialog-border-radius: var(--ha-card-border-radius) !important;
--vertical-align-dialog: center !important;
--header-height: 5vh !important;
--footer-height: var(--header-height) !important;
--padding-y: 8px !important;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}
.content {
height: fit-content !important;
max-height: 95vh !important;
pointer-events: unset !important;
padding: 0 !important;
}
.container {
padding: 0 !important;
}
style: |
--popup-border-radius: 20px;
--popup-outline: none !important;
content:
type: custom:decluttering-card
