Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Frontend > Style > Configurar espaçamento (:width) dos el-table-column da Página de Membros. #73

Open
5 tasks done
ManoMax opened this issue Sep 8, 2023 · 3 comments · May be fixed by #146
Open
5 tasks done

Frontend > Style > Configurar espaçamento (:width) dos el-table-column da Página de Membros. #73

ManoMax opened this issue Sep 8, 2023 · 3 comments · May be fixed by #146
Assignees
@carlos-lucenag

Comments

@ManoMax
Copy link
Member

ManoMax commented Sep 8, 2023 •
edited by carlos-lucenag

OVERVIEW

  • A Página de Membros possui 5 principais colunas em cada card: Nome, Email, Função (futuramente será chamada de "cargo"), Data de Nascimento e Ações.
  • Cada um possui um espaçamento similar, no entanto, alguns precisam ter mais espaço do que outros.
  • Sendo assim, configure o espaçamento (:width) das colunas para que Nome (que pode ser completo), Email e Ações tenham um pouco mais de espaço do que Função (que futuramente será chamada de "cargo") e Data de Nascimento (que precisam de um espaçamento um pouco menor para ficar bem compreensível.

TASK

  • Configure o espaçamento de Nome para que o mesmo fique adequadamente visível;
  • Configure o espaçamento de Email para que o mesmo fique adequadamente visível;
  • Configure o espaçamento de Função para que o mesmo fique adequadamente visível;
  • Configure o espaçamento de Data de Nascimento para que o mesmo fique adequadamente visível;
  • Configure o espaçamento de Ações para que o mesmo fique adequadamente visível;
@carlos-lucenag
Copy link

carlos-lucenag commented Nov 25, 2023 •
edited

#146

This was linked to pull requests Nov 25, 2023
Style: changed the width of the columns in the Member's page table #145
Closed
Style: changed the width of the columns in the Member's page table #146
Open
@carlos-lucenag carlos-lucenag removed a link to a pull request Nov 25, 2023
Style: changed the width of the columns in the Member's page table #145
Closed
@FLuiz22
Copy link
Member

FLuiz22 commented Nov 25, 2023 •
edited

COMMENTS

  • Ao revisar a issue, na minha tela, os botões da coluna ações somem como pode ser visto na seguinte imagem:

Image

  • Ps: É possível observar também a barra de scroll horizontal o que indica que um componente tá com o tamanho excedente em relação a página fazendo com que seja necessário arrastar pro lado, mas não contem nada ali

@ManoMax
Copy link
Member Author

ManoMax commented Dec 7, 2023

COMMENTS

  • Por mais que adicione uma pequena informação a mais na tela, o border é um recurso muito útil e que, comparado ao seu benefício, acaba compensando existir o seu uso.
  • Benefícios: A linha a mais não sobrecarrega o usuário visualmente e, ainda assim, adiciona uma feature super interessante para que o usuário adeque a tela para como achar melhor.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@carlos-lucenag carlos-lucenag

Labels
None yet
Projects
Kanban Projexa (CodeX Jr.)
Status: 🏗 In progress
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Style: changed the width of the columns in the Member's page table codexjr-dev/projexa-web
3 participants
@ManoMax @FLuiz22 @carlos-lucenag