institutotim/wp-theme-mapasculturais

Página de tutoriais

miguelpeixe opened this issue · 12 comments

  • Cabeçalho
    • Seleção dropdown de público alvo
    • Ferramenta de busca (resultado aparece no mesmo layout)
  • Lista de tutoriais
    • Categoria, complexidade, público alvo e versões relacionadas
    • Paginação
  • Integração de sidebar específica na barra lateral

Pessoal a pagina que lista os tutoriais ela não tem nenhuma menção a versões relacionadas:

image

Posso colocar logo abaixo de todas?

A informação de versão poderia estar só na página do tutorial mesmo

O estilo da página está quebrado.

Mesmo problema, preciso de mais informações para saber o que esta ocorrendo pois não tenho como reproduzir o bug.

O estilo aparentemente esta ok, quanto a tradução foi feita, mas estamos com um problema de caracter encode no form de adicionar tutoriais:

image

Subi as seguintes alterações:

  • correção do encoding no form
  • mudança do slug de "tutorials" para "tutoriais"
  • tradução e geração correta dos labels de público-alvo, dificuldade e versão.

http://hmg.mapasculturais.medialab.ufg.br/tutoriais/mauris-mattis-elit-ac-justo-commodo-pulvinar-quisque-porta-libero-massa-in-interdum-facilisis/

Persistem os seguintes problemas:

  • não são geradas todas as versões associadas, no exemplo acima só aparece uma delas
  • a formatação das versões está incorreta
  • o widget não é gerado (exemplo)

A homologação conta com quatro tutoriais, mas apenas um está aparecendo na lista:

http://hmg.mapasculturais.medialab.ufg.br/tutoriais/

Ainda há 2 problemas de front-end:

  • o seletor no cabeçalho está sem formatação
  • o box onde aparece a complexidade quebra a linha para as complexidades "média" e "avançada"

A pagina eh esta

http://hmg.mapasculturais.medialab.ufg.br/tutoriais/

O seletor sem formatação é este:

image

Qual seria o design que mostra como deve ser o seletor?

Quanto a quebra de linha me parece algo natural, por se tratar de duas palavras distintas dentro de um paragrafo, penso que ele deve quebrar mesmo, e isso depende da resolução do monitor, mais uma vez me parece algo relacionado a responsividade do framework que estamos usando, não sei fazer isso ficar sempre na mesma linha.

image

image

Eu tive que mecher no tamanho da tela para ver a quebra.

Está ok, agora só falta resolver o estilo do seletor. @miguelpeixe

Homologada.