Layout do My Orders quebrado sem nenhuma customização

Post-purchase

•

ID:

Fixed

Publicado em26/05/2017

•

Última atualização em31/12/2019

1 min de leitura

Sumário

Fix:

O problema foi corrigindo com a propriedade :root { font-size: 16px } sendo entregue pelo próprio Meus Pedidos.

${"base64":" ","img":{"width":2352,"height":728,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":140193,"url":"https://raw.githubusercontent.com/vtexdocs/known-issues/refs/heads/main/docs/pt/known-issues/Post-purchase/layout-do-my-orders-quebrado-sem-nenhuma-customizacao_1.png"}}$

Se o layout do novo Meus Pedidos apresentar problemas em sua loja out of the box, sem nenhuma customização, pode ser que o CSS de sua loja esteja interferindo com ele.

Algumas versões do Bootstrap adicionam o CSS html { font-size: 10px }, o que interfere com os tamanhos dos elementos do novo My Orders.

Simulação

Acessar {NOMEDALOJA}.com/account/orders;
Ver a lista de pedidos de alguma conta.

Workaround

Customizar o CSS de sua loja com a propriedade CSS html { font-size: 16px } no My Orders, para restaurar a proporção original dos elementos.