Nosso designer está enfrentando alguns problemas com o aspecto responsivo deste complemento (muito bom e útil) e ela pergunta se pode alterar o ponto de ruptura onde atualmente ocorre a troca dos elementos vdo para vmo.
Obrigado, eu olhei, mas não encontrei lá… Acredito que esteja dependendo de alguma configuração do Discourse que se aplica em todo o site, não apenas para aquele menu?
De qualquer forma — conseguimos fazer funcionar com media queries de CSS. Não é o ideal, mas podemos conviver com isso.
A troca de vdo (view desktop only) para vmo (view mobile only) é baseada no user-agent do seu navegador e não na largura da viewport que você usa ou simula.
As media queries de CSS não são tão importantes no Discourse quanto são em outros sites aos quais você pode estar acostumado.
O Discourse serve marcações otimizadas diferentes com base no dispositivo em que o usuário está.
O que quero dizer é que você não precisa se preocupar muito com media queries de CSS. Seu designer precisa adicionar ?mobile_view=1 à URL em que está testando ou usar um user-agent móvel enquanto testa/debuga coisas no desktop.
Interessante obrigado por dedicar um tempo para explicar.
Mas quando estou no desktop, brincando com o tamanho da janela do meu navegador, vejo o Discourse reagindo e reorganizando coisas na tela. Isso não está vindo da minha string de agente de usuário, suponho. Existe outro mecanismo reagindo ao tamanho da tela?
Por exemplo: aquela barra de rolagem em time-lapse à direita desaparece em larguras pequenas e é substituída por um indicador menor com apenas o número da postagem e o total, como \u003ckbd\u003e19 / 24\u003c/kbd\u003e.
O Discourse move as coisas se você diminuir o tamanho da janela o suficiente. Fazemos isso para acomodar diferentes tamanhos de tela de desktop e laptop.
Mas esse não é o ponto aqui. Reduzir a viewport não dispara uma mudança de agente de usuário, pois isso é baseado inteiramente no agente de usuário do dispositivo que você está usando.
Se você estiver no desktop e alterar a largura da janela ou da tela, o Discourse se ajustará a isso tanto quanto razoavelmente possível.
No entanto, se você estiver tentando testar como o Discourse se parece no mobile enquanto está no desktop, precisará adicionar