Le bouton "Découvrez la boîte à outils" se superpose au texte sur mobile

[seiteta]

Comportement attendu

Le bouton "Découvrez la boîte à outils" est en dessous du texte "PLATEFORME RESSOURCE POUR UN NUMÉRIQUE INCLUSIF".

Comportement réel

Le bouton "Découvrez la boîte à outils" se superpose au texte du texte "PLATEFORME RESSOURCE POUR UN NUMÉRIQUE INCLUSIF".

Reproduction du comportement

Utiliser un mobile de résolution 360x640 (par exemple le Nexus 5), sur la page d'accueil (https://inclusion.societenumerique.gouv.fr/).

[MarjolaineLB]

Normalement c'est ok !

[seiteta]

04/06 : je viens de tester sur mon téléphone (Sony Xperia L1) et j'ai toujours le même problème.

[MarjolaineLB]

bonjour Frédéric,
avant de m'arracher les cheveux car je ne reproduis pas le bug, je me permets de te demander si tu as pu vider le cache de ton navigateur sur ton téléphone ?

[seiteta]

Je comprends :)
Malheureusement, même en vidant le cache, toujours le même bug.

J'arrive à le reproduire sur Chrome, avec les outils de développement, en se mettant en mode "mobile" puis en cliquant sur la barre grise pour sélectionner "Mobile S – 320 px", voir capture d'écran.

[MarjolaineLB]

pourtant il me semblait que le Sony Xperia L1 avait plutôt un grand écran (5.5''). Et je ne savais pas qu'on avait des écrans plus petits que 320 * 480.

J'ai livré un ajustement de la hauteur du bouton pour qu'il déborde moins en hauteur sur tout petit écran.

[seiteta]

Le Xperia L1 a une résolution bien supérieure à 320 * 480. Il s'agissait juste d'une manière de reproduire le bug dans un navigateur desktop.

Le bug n'est résolu ni sur mon mobile, ni sur navigateur (sur les tailles "Mobile M – 375px" et "Mobile L – 425 px") 😢

[MarjolaineLB]

bonjour Frédéric,

J'ai livré un petit correctif, je pense que ça devrait régler ton problème.
Pour ce qui est des tailles dans le navigateur, on ne peut pas se baser que sur la largeur de l'écran (375px ou 425px) car le design s'adapte en fonction de la largeur et de la hauteur.
A l'heure actuelle, sur tous les portables que j'ai pu tester autour de moi, le bouton ne recouvre aucun texte.
Peux-tu me dire si c'est ok de ton côté ?