scieloorg / search-journals

iAHx Search Interface for SciELO
http://search.scielo.org
BSD 2-Clause "Simplified" License
3 stars 13 forks source link

criar mockup: recriar paginação tendo em vista dispositivos ainda menores. A sugestão apresentada no mockup atual acaba quebrando em dispositivos muito pequenos. Incluir paginação também na parte inferior da listagem. #473

Open paratiuid opened 4 years ago

paratiuid commented 4 years ago

@alexxxmendonca

conforme conversamos no slack, removi a navegação superior da lista. Não havia espaço para exibir informações de numeração de página + botoões de navegação.

Portanto, decidimos manter apenas a navegação inferior, aparecendo em sua forma completa. Contendo botões, número da página atual e número total de páginas, com possibilidade ainda de pular entre páginas, como ocorre já no desktop.

lista-mobile-bottom-pagination

paratiuid commented 4 years ago

Fiz alguns testes aplicando a sugestão no código e visualizando na resolução do iphone 5, que é bem menor do que os demais celulares.

A interface se comportou bem. Vejam:

Modelo contendo botões de avançar e voltar.

Screen Shot 2020-03-25 at 2 43 52 PM

Modelo contendo apenas botões para avançar, no caso de primeira página:

Screen Shot 2020-03-25 at 2 48 43 PM

Os modelos aqui mostrados ainda precisam ter o design refinado. Os elementos foram colocados apenas para verificar a possível quebra. Que não ocorreu.

alexxxmendonca commented 4 years ago

@paratiuid de acordo!