fix: Overflow du texte sur la modale principale

[Naorid]

En mobile, lorsque le message sur la premiere modale est trop long, il dépasse du navigateur et il est impossible de scroll pour voir l'entièreté du texte.

[AmauriC]

Merci d'aborder le sujet 😉

En effet ce n'est pas top quand le texte est long mais l'ajout d'un scroll n'est pas idéal non plus.

Réduire la taille du texte avec une règle css ne réglerai pas le problème dans ton cas ?

´@media only screen and (max-width: 600px) {}´

[Naorid]

Merci pour la réactivité :)

Ajouter une règle css permettrait de resoudre le pb pour des texte un peu plus long que celui par défaut.
Mais dans un cas ou on doit afficher un texte très long (type politique de confidentialité), le scroll me semble pertinent

[AmauriC]

D'acc je comprend. Possible d'avoir l'url du site ou le contenu du texte pour que je puisse faire des tests de mon côté?

[Naorid]

Yep, ca fait suite à une demande de notre responsable RGPD qui tient à que le disclaimer soit présenté dès l'arrivé sur le site :
La Délégation générale à l’emploi et à la formation professionnelle (DGEFP), utilise des cookies de mesure d’audience pour comprendre le parcours de navigation afin d’optimiser l’ergonomie. Vous avez cependant la possibilité de vous opposer à leur usage. En cas de refus, vous ne participerez pas à notre système de mesure d’audience, et votre navigation ne sera pas affectée.

Certaines fonctionnalités du site (lecteurs vidéos, campagne de communication) font par ailleurs appel à des services proposés par des tiers. Ces fonctionnalités déposent des cookies permettant aux tiers d’identifier les sites que vous consultez et les contenus auxquels vous vous intéressez. Ces types de cookies ne sont déposés que si vous donnez votre accord.

Vous pouvez ci-dessous vous informer sur la nature de chacun des cookies déposés, les accepter en cliquant sur “Accepter” ou les refuser en cliquant sur “Refuser”. Ce choix est possible soit en cliquant sur « Personnaliser » ou à tout moment de votre navigation sur le site en cliquant sur « Gérer mes cookies » en bas à gauche.

Pour en savoir plus, rendez-vous sur la politique de confidentialité de 1 jeune 1 solution.

[AmauriC]

Merci 👌

En alliant les 2, le résultat me semble satisfait pour des longs et très long texte:

@media only screen and (max-width: 768px) {
  #tarteaucitronRoot span#tarteaucitronDisclaimerAlert {
      font-size: 16px;
  }
}

span#tarteaucitronDisclaimerAlert {
    overflow: scroll;
    max-height: 50vh;
}

Qu'est ce que tu en penses?

[Naorid]

Nickel
J'ai modifié le commit du coup 👍

[AmauriC]

Parfait, merci : )
Je m'occupe d'approuver et mettre en prod la semaine prochaine 👌

[Videoxasoon]