Problema com width no navegador via dispositivo mobile

Olá, pessoal!

Estamos enfrentando um problema com um campo de data em uma das telas do sistema e gostaríamos de saber se alguém da comunidade já passou por algo semelhante ou pode nos ajudar.

Aplicamos um width de 1000px para aumentar o tamanho do campo no desktop, isso porque essa tela será acessada principalmente por motoristas via celular, e queríamos garantir uma boa visualização.

Porém, ao testar em dispositivos móveis, o campo ignora essa largura fixa e volta para width: auto, ficando muito pequeno. Tentamos sobrescrever via CSS, mas o estilo está sendo aplicado inline, o que impede a alteração direta pelo CSS externo.

Alguém sabe se há alguma forma de forçar esse comportamento (largura fixa) também no mobile, mesmo com o estilo inline? Ou se existe alguma abordagem melhor dentro do Latromi para resolver isso?

Agradeço desde já!

1 curtida

Bom dia, @Angelo!

Poderia tentar adicionar o seguinte código CSS para ajustar a largura do campo

[data-field-name="SUBSTITUA_PELO_NOME_DO_CAMPO"] input
{
    width: 180px !important;
}
1 curtida

Funcionou aqui Diego, Muito obrigado!!