Draft: Bug/reduce invisible edge problems

[01oseluiz]

In GitLab by @victorandre957 on May 12, 2022, 16:33

Gitlab MR Web Template

Descrição

Essa branch resolve os problemas com a borda dos componentes que sumiam ou ficavam com falhas dependendo da resolução.

Fixes #68

Tempo de desenvolvimento

2h

Tipo de mudança

• [X] Bug fix (Correção de um problema que não quebrava algo grande)
• [ ] New feature (Mudança que adiciona novas funcionalidades)
• [ ] Breaking change (correção ou recurso que faria com que a funcionalidade existente não funcionasse como esperado)
• [ ] Improvement (Alteração que melhora o desempenho de alguma função já existente)

Em quais navegadores foi testado?

• [X] Google Chrome
• [X] Mozilla Firefox
• [ ] IE 11 (Windows 10)
• [ ] Edge
• [ ] Opera
• [ ] Opera GX
• [ ] IOS Safari
• [ ] IOS Chrome
• [ ] Android Chrome
• [ ] Android Firefox

Testei as seguintes resoluções no navegador:

• [X] 2520 x 1080
• [X] 1920 x 1080
• [X] 1400 x 790
• [X] 1280 x 720
• [X] 1024 x 1366 (iPad Pro vertical)
• [X] 1366 x 1024 (iPad Pro horizontal)
• [X] 768 x 1024 (iPad vertical)
• [X] 1024 x 768 (iPad horizontal)
• [X] 375 x 812 (iPhone X)
• [X] 320 x 568 (iPhone 5/SE)

Checklist:

• [X] Meu código segue a estilização padrão da página
• [X] Eu revisei ou reli o meu próprio código
• [X] Documentei onde era mais necessário e dificil de entender no meu código
• [X] Segui os formatos de nomenclaturas e normas previstos pelo time
• [X] Minhas mudanças não causaram mais avisos de erro
• [X] Eu conferi a checklist de atividades, e expliquei no meu merge request caso algo não tenha sido necessário ou possível
• [ ] As mudanças que esta MR implementa possui testes automatizados
• [ ] Executei e garanto que os testes automatizados já criados estão todos passando
• [X] Executei e garanto que não há erros de lint

[01oseluiz]

In GitLab by @victorandre957 on May 16, 2022, 18:59

added 1 commit

• a96c91fd - mixins (fix): solves fading edges problems

Compare with previous version

[01oseluiz]

In GitLab by @victorandre957 on May 17, 2022, 11:11

marked this merge request as ready

[01oseluiz]

In GitLab by @01oseluiz on May 18, 2022, 18:38

added 60 commits

• a96c91fd...8b358bc4 - 59 commits from branch master
• 6c311417 - Merge remote-tracking branch 'origin/master' into bug/reduce-invisible-edge-problems

Compare with previous version

[01oseluiz]

In GitLab by @01oseluiz on May 18, 2022, 19:23

added 2 commits

• 63ecefc5 - 1 commit from branch master
• c2d34f24 - Merge remote-tracking branch 'origin/master' into bug/reduce-invisible-edge-problems

Compare with previous version

[01oseluiz]

In GitLab by @01oseluiz on May 18, 2022, 20:52

melhorou um pouco mas em outros lugares bugaram:

borda estranha:

borda com espessuras diferentes e desalinhado:

Só desalinhado mesmo:

quando abre e fecha no firefox ele buga dnv:

Esqueci de tirar print, mas o checklist pill também ficou desalinhado quando marcado (checked)

[01oseluiz]

In GitLab by @victorandre957 on May 26, 2022, 11:11

marked this merge request as draft

[01oseluiz]

In GitLab by @01oseluiz on Jun 27, 2022, 21:04

cubo deu a ideia de usar clip path com alguma lógica para computar o recorte, segue um snippet para fazermos uns testes.

https://codepen.io/victoragc/pen/mdXOyWP

[01oseluiz]

In GitLab by @01oseluiz on May 30, 2023, 11:25

Fechando esta MR pq vamos remover a parte de bordas com gradiente do projeto.