[FRONT] Refinamento final

MariaGabrielaReis commented 2 years ago

GERAL

[x] Trocar cor do texto do botão (de novo chamado, por ex., é branco no Figma, no site tá cinzinha)
[x] Colocar a setinha do select um pouco mais pra dentro (aumentar padding na direita)

DETALHES DO CHAMADO

[x] Colocar os inputs como "desabilitados"

Figma
Aplicação

MariaGabrielaReis commented 2 years ago

FLUXO COMUM

HOME

[x] Busca por título do chamado (integração)
[x] Trocar cor e adicionar ícone no botão de busca por título de chamado

CADASTRO DE CHAMADO

[x] Permitir cadastrar um chamado sem equipamento

DETALHES DO CHAMADO

[x] Colocar tag de solução em maiúsculo
[x] Colocar a cor do nome do suporte da mesma cor de fundo da textarea de descrição da solução
[x] Adicionar contagem de votos aos botões de voto
[x] Alinhar à esquerda os botões de voto

Figma
Aplicação

EDIÇÃO DE PERFIL

[x] Colocar no header a opção de logout ("Olá, fulaninho" permanece e no dropdown só tem o logout)
[x] Alterar ordem dos campos (não precisa mexer nas questões de desabilitado ou não, isso tá certinho)

Figma	Aplicação

MariaGabrielaReis commented 2 years ago

FLUXO SUPORTE

HOME

[x] No select, ao invés de escrever só "abertos" e "fechados", trocar por "Chamados abertos" e "Chamados fechados"
[x] Adicionar linha divisória entre os resultados da busca
[x] Diminuir porcentagem da coluna de data e de prioridade e aumentar a de título do chamado

Figma
Aplicação

DETALHES DO CHAMADO

[x] Aumentar tamanho da caneta e do ícone de confirmar edição de prioridade (o ideal é que a badge e a caneta tenham a mesma altura)

Figma	Aplicação

[x] Verificar esquema de cores dos textos (parecem mais azulados do que acinzentados)

Figma
Aplicação

[x] Tirar borda do botão de fechar chamado
[x] Colocar descrição (tipo popover) quando passar o mouse por cima do check de transformar comentário em solução com o texto "adicionar este comentário como solução do chamado"
[x] Aumentar botão de enviar comentário e ajustar esquema de cores

Figma
Aplicação

MariaGabrielaReis commented 2 years ago

FLUXO ADMIN

HOME

[x] Não permitir busca vazia
[x] Colocar os departamentos em português e em letra minúscula se não for sigla (incluindo o "Sem departamento")
[x] Colocar tamanho das colunas "fixo" e aplicar text-overflow: ellipsis;, pra não mudar a configuração da tabela quando filtra por cargos ou na responsividade:

Web	Mobile

[x] Busca por nome do equipamento
[x] Filtrar equipamento por departamento
[x] Trocar nome do botão de "Cadastrar Equipamento" para "Cadastrar equipamento"

DETALHES DO EQUIPAMENTO

[x] Trocar botões de "Excluir" e "Editar" por "Excluir equipamento" e "Confirmar alterações"

CADASTRO DE USUÁRIO

[x] Trocar título da tela de "Cadastre a conta" para "Cadastro de usuário"

otaviopane commented 2 years ago

GERAL

[x] Trocar cor do texto do botão (de novo chamado, por ex., é branco no Figma, no site tá cinzinha)

[x] Colocar a setinha do select um pouco mais pra dentro (aumentar padding na direita)

DETALHES DO CHAMADO

[x] Colocar os inputs como "desabilitados"

Figma Aplicação

Ajustado cor dos inputs como "desabilitado"

Ajustado cor do texto dos botões para branco

Ajustado posição da seta dos selects

otaviopane commented 2 years ago

FLUXO COMUM

HOME

[x] Busca por título do chamado (integração)

[x] Trocar cor e adicionar ícone no botão de busca por título de chamado

CADASTRO DE CHAMADO

[ ] Permitir cadastrar um chamado sem equipamento

DETALHES DO CHAMADO

[x] Colocar tag de solução em maiúsculo

[x] Colocar a cor do nome do suporte da mesma cor de fundo da textarea de descrição da solução

[ ] Adicionar contagem de votos aos botões de voto

[x] Alinhar à esquerda os botões de voto

Figma

Aplicação

EDIÇÃO DE PERFIL

[ ] Colocar no header a opção de logout ("Olá, fulaninho" permanece e no dropdown só tem o logout)

[ ] Alterar ordem dos campos (não precisa mexer nas questões de desabilitado ou não, isso tá certinho)

Figma Aplicação

Trocar cor e adicionar ícone no botão de busca por título de chamado

Colocar tag de solução em maiúsculo

Colocar a cor do nome do suporte da mesma cor de fundo da textarea de descrição da solução

otaviopane commented 2 years ago

FLUXO SUPORTE

HOME

[x] No select, ao invés de escrever só "abertos" e "fechados", trocar por "Chamados abertos" e "Chamados fechados"

[x] Adicionar linha divisória entre os resultados da busca

[ ] Diminuir porcentagem da coluna de data e de prioridade e aumentar a de título do chamado

Figma Aplicação DETALHES DO CHAMADO

[x] Aumentar tamanho da caneta e do ícone de confirmar edição de prioridade (o ideal é que a badge e a caneta tenham a mesma altura)

Figma Aplicação

[x] Verificar esquema de cores dos textos (parecem mais azulados do que acinzentados)

Figma Aplicação

[x] Tirar borda do botão de fechar chamado

[ ] Colocar descrição (tipo popover) quando passar o mouse por cima do check de transformar comentário em solução com o texto "adicionar este comentário como solução do chamado"

[x] Aumentar botão de enviar comentário e ajustar esquema de cores

Figma Aplicação

No select, ao invés de escrever só "abertos" e "fechados", trocar por "Chamados abertos" e "Chamados fechados"

Adicionado linhas divisórias da tabela (bordas inferiores)

Aumentado o tamanho da caneta e do ícone de confirmar edição de prioridade

Corrigido esquema de cores dos textos (apareciam mais azulados do que acinzentados)

Tirado a borda do botão de fechar chamado

Aumentado o botão de enviar comentário e ajustado esquema de cores

otaviopane commented 2 years ago

FLUXO ADMIN

HOME

[x] Não permitir busca vazia

[x] Colocar os departamentos em português e em letra minúscula se não for sigla (incluindo o "Sem departamento")

[x] Colocar tamanho das colunas "fixo" e aplicar text-overflow: ellipsis;, pra não mudar a configuração da tabela quando filtra por cargos ou na responsividade:

Web Mobile

[ ] Busca por nome do equipamento

[ ] Filtrar equipamento por departamento

[ ] Trocar nome do botão de "Cadastrar Equipamento" para "Cadastrar equipamento"

DETALHES DO EQUIPAMENTO

[ ] Trocar botões de "Excluir" e "Editar" por "Excluir equipamento" e "Confirmar alterações"

CADASTRO DE USUÁRIO

[ ] Trocar título da tela de "Cadastre a conta" para "Cadastro de usuário"

Parece que já estava não permitindo busca vazia

Coloquei os departamentos em português e em letra minúscula se não for sigla (incluindo o "Sem departamento")

Colocado tamanho das colunas "fixo" e aplicar `text-overflow: ellipsis;`, pra não mudar a configuração da tabela quando filtra por cargos ou na responsividade:

The-Bugger-Ducks / help-duck-web

[FRONT] Refinamento final #105

GERAL

FLUXO COMUM

FLUXO SUPORTE

FLUXO ADMIN

GERAL

Ajustado cor dos inputs como "desabilitado"

Ajustado cor do texto dos botões para branco

Ajustado posição da seta dos selects

FLUXO COMUM

Trocar cor e adicionar ícone no botão de busca por título de chamado

Colocar tag de solução em maiúsculo

Colocar a cor do nome do suporte da mesma cor de fundo da textarea de descrição da solução

FLUXO SUPORTE

No select, ao invés de escrever só "abertos" e "fechados", trocar por "Chamados abertos" e "Chamados fechados"

Adicionado linhas divisórias da tabela (bordas inferiores)

Aumentado o tamanho da caneta e do ícone de confirmar edição de prioridade

Corrigido esquema de cores dos textos (apareciam mais azulados do que acinzentados)

Tirado a borda do botão de fechar chamado

Aumentado o botão de enviar comentário e ajustado esquema de cores

FLUXO ADMIN

Parece que já estava não permitindo busca vazia

Coloquei os departamentos em português e em letra minúscula se não for sigla (incluindo o "Sem departamento")

Colocado tamanho das colunas "fixo" e aplicar `text-overflow: ellipsis;`, pra não mudar a configuração da tabela quando filtra por cargos ou na responsividade:

Usuários

Equipamentos

The-Bugger-Ducks / help-duck-web

[FRONT] Refinamento final #105

GERAL

FLUXO COMUM

FLUXO SUPORTE

FLUXO ADMIN

GERAL

Ajustado cor dos inputs como "desabilitado"

Ajustado cor do texto dos botões para branco

Ajustado posição da seta dos selects

FLUXO COMUM

Trocar cor e adicionar ícone no botão de busca por título de chamado

Colocar tag de solução em maiúsculo

Colocar a cor do nome do suporte da mesma cor de fundo da textarea de descrição da solução

FLUXO SUPORTE

No select, ao invés de escrever só "abertos" e "fechados", trocar por "Chamados abertos" e "Chamados fechados"

Adicionado linhas divisórias da tabela (bordas inferiores)

Aumentado o tamanho da caneta e do ícone de confirmar edição de prioridade

Corrigido esquema de cores dos textos (apareciam mais azulados do que acinzentados)

Tirado a borda do botão de fechar chamado

Aumentado o botão de enviar comentário e ajustado esquema de cores

FLUXO ADMIN

Parece que já estava não permitindo busca vazia

Coloquei os departamentos em português e em letra minúscula se não for sigla (incluindo o "Sem departamento")

Colocado tamanho das colunas "fixo" e aplicar text-overflow: ellipsis;, pra não mudar a configuração da tabela quando filtra por cargos ou na responsividade:

Usuários

Equipamentos

Colocado tamanho das colunas "fixo" e aplicar `text-overflow: ellipsis;`, pra não mudar a configuração da tabela quando filtra por cargos ou na responsividade: