Project

General

Profile

Actions

Padrão #40

open

Layout Utero

Added by camila oliveira 6 months ago. Updated 5 months ago.

Status:
concluído
Priority:
normal
Category:
-
Start date:
07/15/2025
Due date:
% Done:

100%

Estimated time:

Description



Hoje de maneira geral trabalhei na parte visível do exame. Configurei todo o layout e os selects, como você pode conferir ainda não trabalhei nos popovers e nem nas regras de inputs numéricos/ cálculo de volume / cálculo de data... Meu foco foi total em construir uma estrutura visual.


Files

Updated by Henrique Novaes 6 months ago

Ficou muito bonito o layout!! Parabéns!!

Algumas pequenas modificações:

  1. Acho que vc não consegue modificar isso, mas estava com a ideia de deixar os títulos também em negrito: "DUM", "Geral", "Colo uterino" e "Miométrio"

  2. Algumas letras estão maiúsculas/minúsculas e uma grafia incorreta

  • "Colo Uterino": correto seria "Colo uterino"
  • "cervicite": correto seria "Cervicite"
  • "Puberdade Precoce": correto seria "Puberdade precoce"
  • "Homogenia": correto seria "homogênea"
  • Todas as caixas de seleção: podemos padronizar para todas as caixas de seleção sempre terem todas as primeiras letras minúsculas (exceto coisas tipo FIGO, que é um nome próprio e precisa ser realmente maiúscula)
  1. Por muito pouco não ficamos sem barra de rolagem na segunda caixa de seleção dos nódulos. Conseguimos aumentar só mais um pouco?

  2. Pensei em colocar o "Citar DUM" um pouco mais centralizado, mais ou menos dessa forma:

  3. Pensei em aumentar e alinhar um pouco o espaçamento dessas alternativas que começam com um ponto, pra ficar meio que dessa forma

  4. A segunda caixa de seleção no item "ecotextura" pode ficar um pouco mais longa, do mesmo tamanho que a primeira. Também pensei em aplicar uma quebra de linha nessa caixa de seleção, porque a segunda opção não aparece inteira..

  5. Analisando melhor, vou precisar modificar algumas caixas de seleção

  • remover a opção "não citar" da segunda caixa de seleção de "Ecotextura" -- ajustei no figma
  • reajuste da ordem e acréscimo de duas novas alternativas da última caixa de seleção de nódulos -- ajustei no figma
  1. Padronizar primeira medida dos nódulos já pré-preenchida no valor de 2,0 (inclusive na opção múltiplos)
Actions #2

Updated by camila oliveira 5 months ago · Edited

  • Status changed from teste reprovado to teste

Ajustes feitos da primeira parte:
(os popovers e demais atualizações vou colocar em outro card pra esse não ficar tão grande)

  1. Acho que vc não consegue modificar isso, mas estava com a ideia de deixar os títulos também em negrito: "DUM", "Geral", "Colo uterino" e "Miométrio" ✅
  2. Algumas letras estão maiúsculas/minúsculas e uma grafia incorreta ✅
  3. Por muito pouco não ficamos sem barra de rolagem na segunda caixa de seleção dos nódulos. Conseguimos aumentar só mais um pouco? ✅
  4. Pensei em colocar o "Citar DUM" um pouco mais centralizado, mais ou menos dessa forma: ✅
  5. Pensei em aumentar e alinhar um pouco o espaçamento dessas alternativas que começam com um ponto, pra ficar meio que dessa forma ✅
  6. A segunda caixa de seleção no item "ecotextura" pode ficar um pouco mais longa, do mesmo tamanho que a primeira. Também pensei em aplicar uma quebra de linha nessa caixa de seleção, porque a segunda opção não aparece inteira.. Nesse caso, aumentei o tamanho da caixa, mas vamos ter que ajustar a diretiva pra ser possível fazer quebra de linha novamente... Como haviamos definido no abdome total que ele não faria quebra de linha, é algo que ficou no estilo de todos. É bem mais complexo fazer isso, já que usaremos somente em um select. O jean vai fazer uma diretiva específica para esse caso
  7. Analisando melhor, vou precisar modificar algumas caixas de seleção ✅
  8. Padronizar primeira medida dos nódulos já pré-preenchida no valor de 2,0 (inclusive na opção múltiplos)✅
Actions #3

Updated by Henrique Novaes 5 months ago · Edited

  • Status changed from teste to teste reprovado

Umas últimas pequenas alterações

  1. ecotextura: trocar a palavra "homogenia" da primeira caixa de seleção por "homogênea"

  2. popover puberdade precoce

  • remover o texto "cm³" depois da caixa azul da relação corpo/colo (pode deixar vazio mesmo, porque é uma relação e não uma medida)
  • "IP artéria uterina direita" e "IP artéria uterina esquerda" são valores que o usuário vai passar com duas casas decimais (atualmente estamos só com uma)
  1. popover "pólipo cervical": ajustar a palavra "Delimidado" para "Delimitado"

  2. Fiz uma pequena revisão da literatura sobre aquele tema de anomalias congênitas e acho que deveria seguir dessa forma no popover de "anomalias mullerianas" em pélvico tranvaginal

  • duas opções apenas: Útero septado/bicorno e Útero didelfo -- ajustei no figma
Actions #4

Updated by camila oliveira 5 months ago

  • Status changed from teste reprovado to teste
  • % Done changed from 0 to 100

ecotextura: trocar a palavra "homogenia" da primeira caixa de seleção por "homogênea" ✅

popover puberdade precoce

remover o texto "cm³" depois da caixa azul da relação corpo/colo (pode deixar vazio mesmo, porque é uma relação e não uma medida) ✅
"IP artéria uterina direita" e "IP artéria uterina esquerda" são valores que o usuário vai passar com duas casas decimais (atualmente estamos só com uma) ✅
popover "pólipo cervical": ajustar a palavra "Delimidado" para "Delimitado" ✅
Fiz uma pequena revisão da literatura sobre aquele tema de anomalias congênitas e acho que deveria seguir dessa forma no popover de "anomalias mullerianas" em pélvico tranvaginal

duas opções apenas: Útero septado/bicorno e Útero didelfo -- ajustei no figma ✅

Actions #5

Updated by Henrique Novaes 5 months ago

Ficou tudo ótimo!!

Por fim, a última coisa que me incomodou foram essas caixas de seleção da seção "miométrio"..
A primeira quando mudamos a opção, ela duplica a linha e desformata o texto (a ideia a princípio seria aumentar a extensão, se funcionar, mas pode decidir o que achar que fica melhor)
A segunda, como é extenso e igual o início, não da pra ter a noção de que a alternativa foi mudada ao trocar... daí eu inverti o texto pra ficar melhor (o novo já está no figma)

Actions #6

Updated by camila oliveira 5 months ago


Fiz as alterações que pediu. Como falei por mensagem, caso achar que é uma boa escolha podemos ultilizar o multiselect.

Actions #7

Updated by Henrique Novaes 5 months ago

  • Status changed from teste to concluído
Actions

Also available in: Atom PDF