Project

General

Profile

Anomalie #230

Adaptations pour des écrans de petite taille

Added by CapsLock CapsLock almost 9 years ago. Updated almost 9 years ago.

Status:
En cours
Priority:
Normal
Assignee:
-
Target version:
-
Start date:
10/18/2014
Due date:
% Done:

80%

Estimated time:

Description

Avec un écran d'une résolution de 1024x600 (typiquement un eeepc); sous Firefox 24 ; Mageia 4 ; taille de police 100%, il y a plusieurs problèmes:
  • ce serait bien que le menu s'affiche en accédant un petit bouton type interface mobile quand la résolution est faible (ca se fait bien avec bootsrap par exemple) (voir pj)
  • le canard n'a pas de corps mais a pas perdu la tête (voir pj)

Files

bug-illyse-canard.png (40.3 KB) bug-illyse-canard.png CapsLock CapsLock, 10/18/2014 09:35 PM
bug-illyse-screen.png (46.4 KB) bug-illyse-screen.png CapsLock CapsLock, 10/18/2014 09:35 PM
#1

Updated by Fabien Michel almost 9 years ago

COIN utilise le framework CSS Foundation ( http://foundation.zurb.com/ ) qui est fait pour le responsive design. On a juste pas trop prêter attention aux petits écrans pour le moment. Il y a tout ce qu'il faut dans ce framework pour gérer les menus type "mobiles". D'ailleurs au début e COIN ca fonctionnais, ca ne doit pas être grand chose pour le menu.
Pour le canard du pied de page il faut tout revoir par contre je pense.

#2

Updated by CapsLock CapsLock almost 9 years ago

Une tâche facile et intéressante pour la détente entre 2 tâches plus complexes :)

#3

Updated by CapsLock CapsLock almost 9 years ago

j'espère que "Pour le canard du pied de page il faut tout revoir par contre je pense." ne sous-entendait pas de virer le canard; j'ai le canard :)

On a pensé à d'autres petites améliorations en discutant (je sais c'est pas l'endroit mais comme on est dans le fun):

Ca serait peut être une bonne idée que les lien coinnexion, dépannexion soient bien orthographiés en temps normal; par contre qu'on change pour ces textes au survol de la souris : ce sera plus clair pour l'utilisateur et ca offre encore plus de LOL : on a eu des idées du genre : si tu met ta souris sur le bouton déconnexion, ca se transforme en dépannexion et on met une icone avec un canard et un viseur dessus; au clic on affiche en subliminal un canard mort en fullscreen; .... et autres bêtises

#4

Updated by Fabien Michel almost 9 years ago

  • Status changed from Nouveau to En cours
  • % Done changed from 0 to 80

J'ai amélioré le rendu sur les petits écrans :
- Blocs s'adaptant mieux sur les différentes tailles d'écran
- Menu "off canvas" pour les mobiles
- Le canard reste intègre.

Cependant les tables "abonnements" et "factures" ne s'affichent pas entièrement sur les petits écrans.

Also available in: Atom PDF