Après avoir tenté plusieurs options je m’en remet au forum.
J’aimerais que mon background d’interface de descend pas en même temps que je scroll. Je veux qu’il prenne toute la page, qu’il ne se répète pas et qu’il soit fixe.
Donc voici ce que j’ai dans mon theme :
background-image: center / cover no-repeat fixed url("/hacsfiles/themes/ios-themes/mont.jpg")
lovelace-background: center / cover no-repeat fixed url("/hacsfiles/themes/ios-themes/mont.jpg")
Malgré ça, rien ne change, le fond continu de scroll.
mont.jpg est bien l’image qui s’affiche sur mon dashboard.
Le problème c’est que l’attribut « fixed » ne fonctionne pas.
Sur l’application mobile, par exemple, l’image défile avec les tuiles. Hors ce n’est pas ce que je souhaite. Je veux qu’elle reste fixe et adaptée à l’écran.
J’ai même crée un nouvelle onglet avec aucun thème sélectionné.
dans l’éditeur du dashboard j’ai mis ceci :
background: >-
center / cover no-repeat fixed
url("https://live.staticflickr.com/8047/8105512307_f11f2c4339_b_d.jpg")
après
- title: ajustement
path: s
icon: mdi:toggle-switch
résultat:
Sauf que j’aimerais que l’image reste fixe.
J’avais réussi à avoir cet effet avec l’intégration frontend HA-dashboard
Cette intégration génère un petit volet sur la gauche pour y insérer, dans l’exemple, le temps, la météo et bien d’autres.
Sur téléphone, ce volet est invisible et le fond reste fixe.
Bien évidemment, je ne veux pas forcement mettre ce volet sur toute les pages, j’aimerais que le dashboard soit fixe d’origine.
Je ne voudrais pas non plus faire plusieurs accès un pour le mobile, un pour les grands écrans pour être sûr d’avoir les effets escompté sur chacune des plateformes.