Button Layout

[annefranca]

Goal

Discutir e avaliar a possibilidade implementar o Button Layout (Button Primary Small + Button Secondary Small) na jornada de Área Aberta.

Context

Todas as vezes que a pessoa usuária deslizar a tela para baixo e a linha de base do Callout se sobrepor a linha de base da Nav bar, uma transição deve acontecer para disponibilizar na tela, de maneira fixa como a Nav bar e Tab bar, o componente de barra responsiva com os botões de ENTRAR e CRIAR CADASTRO (50% +50%).

Ao deslizar de baixo para cima, em direção ao topo, ocorre o comportamento inverso: quando a linha da base do Callout estiver sobreposta a linha de base da Nav bar, ocorre a transição da barra responsiva para o Callout.

Impact

Em relação ao Sistema de Design, a ideia é refletir no Figma o que já existe em código apenas deixando possível alternar a ordem dos botões, com isso, não precisaríamos criar atomicamente cada vez que esse "componente" precisar ser implementado nos fluxos.

Discussion Questions

ND

Additional considerations

No response

Do you have a visual proposal?

https://www.figma.com/file/DREYCD6OEZicpOygZ2Sg6F/Button-Layout?type=design&node-id=1%3A86&mode=design&t=344E1VjUmfEKS70T-1

[annefranca]

@yceballost

[annefranca]

@yceballost com essa refatoração teríamos a possibilidade de ter flexibilidade no Button Layout.

Como ficaria no Mística Figma? Seria um template?

No nosso caso, não conseguimos usar o Button Group porque não pega 100% da largura (50% para cada ação).

[yceballost]

@yceballost con esta refactorización tendríamos la posibilidad de tener flexibilidad en el diseño de los botones.

It is a possibility, depending on the refactoring :D

¿Cómo se vería en Mystique Figma? ¿Sería una plantilla?

Should we include in Figma the same (~) components than mistica-web. We know that there is no buttonLayout in Figma, but that's because there were talks about merging the buttonLayout and buttonGroup into a single component. And we didn't want to put it in and then take it out. It's also not a component that is used a lot, that's why we also thought about removing it. But I'm just speculating, we have to sit down and work in depth on all this.

Please, create a Jira ticket in Novo App Components to include in the roadmap. And please, prioritize if it is important for Q1 or not, we are defining the task to work on the next quarter

[annefranca]

Ticket criado :)

[annefranca]

@yceballost temos alguma atualização sobre esse ticket?

[yceballost]

We are closing IconButton and Row with iconButton (OBVIVO-2098 & OBVIVO-2092) and the next component prioritized is OBVIVO-2105 but I think the next week we can start with this one and ButtonLayout (OBVIVO-2182)

[yceballost]

#1674