Pantalles dispositius mòbils - responsiveness

[andriusmp]

• Fer el botó d'inici més gran i centrat
• La finestra de sectors es talla. Sóc conscient que no serà fàcil encabir-ho, pots provar a baixar la mida de la lletra pels dispositius petits?
• La pantalla de respostes:
  1. Les fletxes als costats fan que hi hagi molt poc espai i quedin molt llargues en vertical. Al disseny la proposta era pujar les fletxes al costat dels punts de progrés i a baix. Qualsevol de les dues opcions ens semblen bé (només per pantalles petites).
  2. Algunes preguntes s'adapten a la pantalla i d'altres no.
• Pantalla de resultats:
  1. Els botons haurien d'anar a baix
  2. Treure la part de preguntes i respostes
  3. Adaptar la mida del gràfic a la pantalla
  4. Reduir el marge esquerra (pot estar a la mateixa alçada del text 'Herramienta etc'), per guanyar espai.

[codwell]

Corregit

[andriusmp]

Guai! Ja està gairebé tot!! Queda alguna cosa petita:

• El botó d'inici segueix quedant una mica petit (crec que més que tema del botó, potser és la mida del text. Podem posar els mateixos px que els del text de sobre? "La economía circular blablabla").
• A la pantalla d'inici hi ha alguns textos que s'enganxen
• Ara el gràfic ja es veu sencer, però costa de llegir. La idea pel mòbil era posar la llegenda a sota del gràfic, així té més espai per ajustar-se però que es pugui llegir millor:
• La imatge de info de la pregunta sobre compra verda queda fora de la pantalla i no es pot fer scroll per veure-la. Estic per que la traiem i fora exemples... O si fos possible, posar 'exemples' com a clicable i que s'obrís la imatge com a pop-up que s'ajusti a la pantalla? No sé si això és viable. Si no, i encabir-la a la pantalla és difícil ens la carreguem.

[codwell]

Corregit a local

[andriusmp]

Tot ok excepte 2 coses:

• Les icones ara surten deformades
• Al gràfic, el stroke de 'Recursos' fa algo raro

[codwell]

Aquestes dos coses a mi no em pasen ni en l'ordinador (ni Firefox ni Chrome) ni en el teléfon (ni Firefox ni Chrome).

Respecte al stroke de recursos ahi si que no hi ha res especial, crec que es un simple problema de renderitzat, no se si circunstancial o per algun error al navegador que has utilitzat. Prova a recarregar la pàgina o a canviar el zoom a veure si canvia.

Respecte a les icones deformades, tampoc ho entenc, podria ser un tema de cache del navegador?

[andriusmp]

És veritat, he tornat a provar i les icones bé! No entenc què ha passat. Sobre el stroke, no hi ha manera, ni recarregant, ni amb zoom ni amb res. Bueno, doncs deixe-m'ho així, tampoc es veurà sempre.

[codwell]

Al codi SVG de la forma no veig res estrany. Es una curva amb 4 punts. Es el que em vàreu passar per a enCErcla. Si vols podeu tornar a generar la forma pero crec que es un problema de renderitzat del teu navegador (es un IPhone?).

[andriusmp]

No... és un xiaomi. De fet ho he provat en 2 xiaomi i en 1 bq, i en tots em passa el mateix... què raroooo

[codwell]

Pot ser per la versió de Chrome. Ho acabe de provar amb un BQ i amb Chrome v. 74.0.3729 i si que em passa el mateix que a tu (pero amb Firefox no). Pero ho he provat també amb un Alcatel i tant a Chrome v. 81.0.4044 com a Firefox es veu perfectament be.

[andriusmp]

Entesos, ho podem deixar així, doncs.