La liste des calculettes ouvertes est indisponible sur petit écran
Sur les très petites largeur d'écran, la barre horizontale de navigation affichant les calculettes ouvertes laisse place à un bouton qui affiche une liste une liste verticale. Le problème et que cette liste est vide :
Activity
assigned to @david.dorchies
By Dorchies David on 2018-07-16T11:47:50 (imported from GitLab)
created branch
90-la-liste-des-calculettes-ouvertes-est-indisponible-sur-petit-ecranBy Dorchies David on 2018-07-16T13:37:25 (imported from GitLab)
mentioned in merge request !25 (closed)
By Dorchies David on 2018-07-16T13:37:26 (imported from GitLab)
mentioned in commit 42fd966f
By Dorchies David on 2018-07-16T14:46:31 (imported from GitLab)
La tentative de résolution dans 42fd966f reprend le code proposé sur MdBootstrap pour Angular (https://mdbootstrap.com/angular/components/navbars/) qui est très différent du code actuel.
Elle a le gros inconvénient de ne pas permettre de choisir l'icône du menu en format étroit. De plus, l'alignement des items sur la navbar est merdique aussi bien pour le nom des calculettes que pour le bouton qui n'est pas aligné à droite (présence d'un
class='containergénéré dans la navbar qui pose problème). Le bouton s'aligne cependant correctement quand on copie le code exemple de mdBootstrap.La liste des calculettes est effectivement présente si on passe d'un large écran à un écran étroit. Par contre, la liste ne se met pas à jour lorsqu'on ajoute des calculettes et qu'on reste constamment avec un écran étroit. Enfin, la mise à jour est partielle, il semble que la boucle sur
this._calculatorsfonctionne correctement mais le DOM n'est pas mis à jour pour ajouter les items supplémentaires.Exemple en démarrant avec un écran étroit : le premier item (le "+") est présent :
Si on ajoute une calculette, elle apparaît mais le "+" n'est plus là. De même si on ajoute plusieurs calculettes, seule la première est présente :
Si on repasse par un écran large et qu'on revient ensuite à l'écran étroit, tout se met à jour :
By Dorchies David on 2018-07-16T14:58:13 (imported from GitLab)
mentioned in commit 7db895c0
By Dorchies David on 2018-07-16T17:28:46 (imported from GitLab)
Résolu par 1a427f5e
By Mathias Chouet on 2019-01-24T14:23:39 (imported from GitLab)
