Merge Request #45

Merged
noosfero-themes/angular-theme!45
Created by Michel Felipe

Search - new UI field

Fixes #94

The UI was completely changed to a new concept for better usability. The changes below were implemented:

  1. New search button on navbar header-search-btn

  2. Changed the field fixed on navbar to the full content fixed on top. header-search

  3. Remove the field on results to a tag with the text used on result

search-result-label

Assignee: None
Milestone: None

Merged by Michel Felipe

Source branch has been removed
Commits (1)
2 participants
  • 6807826f4ac49736f2136eb2d59d25e3?s=40&d=identicon
    Francisco Júnior @maljunior (Edited )

    Acredito a área de busca deveria retrair-se quando o usuário clicasse em qualquer lugar que não fosse no campo de busca. Da forma como está, para fechar esta área o usuário é obrigado a clicar numa seta para esquerda localizada do lado esquerdo do campo de busca.

    Penso também que seria melhor utilizar uma abordagem retrátil semelhante ao tema "Cube Bootstrap". A abordagem do "Cube Boostrap" já inclui a minha sugestão acima.

    Choose File ...   File name...
    Cancel
  • 6807826f4ac49736f2136eb2d59d25e3?s=40&d=identicon
    Francisco Júnior @maljunior

    Assignee removed

    Choose File ...   File name...
    Cancel
  • Me
    Michel Felipe @mfdeveloper (Edited )

    @maljunior A abordagem do tema que vc se refere ocupa um certo espaço na barra de cabeçalho (header) que inclusive irá conter vários outros elementos futuramente, como novos itens de menu a esquerda próximo a logo, e itens de notificação de mensagens e do sistema a direita. A "solução" adotada pelo tema que vc mencionou foi colocar um campo de busca bem pequeno, o que compromete consideravelmente na inserção de textos maiores. Além disso, dessa forma seria necessário um ajuste específico para a responsividade, o que demanda + tempo e uma implementação talvez até mesmo desnecessária.

    Sobre esconder a barra de busca, já havia sido identificado como melhoria, não sendo bloqueante ou essencial para conclusão da tarefa !!

    Como referência e melhor visualização, por favor, verifique os links abaixo:

    Choose File ...   File name...
    Cancel
  • Me
    Michel Felipe @mfdeveloper
    Choose File ...   File name...
    Cancel
  • Me
    Michel Felipe @mfdeveloper

    mentioned in issue #94

    Choose File ...   File name...
    Cancel