-
Notifications
You must be signed in to change notification settings - Fork 54
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[FEATURE] Accompagner l'utilisateur mobile si son expérience risque d'être dégradée (PIX-13746) (PIX-13909) #9893
Conversation
Une fois les applications déployées, elles seront accessibles via les liens suivants :
Les variables d'environnement seront accessibles via les liens suivants : |
dc6fe6e
to
5026163
Compare
d230856
to
9644e94
Compare
9644e94
to
a3e5686
Compare
34a06f6
to
857069b
Compare
d453dc5
to
c9f277f
Compare
C'est corrigé, merci pour l'alerte ! On l'a également mis en place sur les éléments "Download" pour que les boutons de téléchargement aient le même comportement en mobile. |
Co-authored-by: Yann Bertrand <yann.bertrand@pix.fr>
…WideWrap component Co-authored-by: Yann Bertrand <yann.bertrand@pix.fr>
c9f277f
to
db9180f
Compare
C'est bon pour la responsivité des boutons de téléchargement de doc et de la modale. Bien joué ! |
🦄 Problème
En tant qu’utilisateur je souhaite pouvoir être informé si mon expérience sur mon module de formation va être dégradée afin de pouvoir changer de device si besoin.
🤖 Proposition
Dans les modules concernés, afficher une modale au lancement pour prévenir que l'expérience pourra ne pas être optimale.
Techniquement, on affiche la modale uniquement si la propriété
tabletSupport
du module n'est pascomfortable
et en dessous du breakpoint tablette.Les événements de tracking ont été mis à jour ainsi :
On en profite pour réaligner les breakpoints utilisés en JS avec le code de Pix UI.
On s'est rendu compte que les boutons dans les modales n'étaient pas wrappés en mobile, on a profité d'une technique de @Jeyffrey pour mettre en commun ce comportement dans un composant
ResponsiveUlWideWrap
. On le réutilise également sur les élémentsDownload
.🌈 Remarques
On a utilisé la librairie
ember-responsive
pour pouvoir tester automatiquement les 2 usages.💯 Pour tester
Sur un module concerné, par exemple sur bien-ecrire-son-adresse-mail :
Sur un module concerné, par exemple le didacticiel :