Qual navegador carrega a exibição móvel correta?

[hipp0]

Tentei Edge, Firefox, Brave e Chrome. Nenhum deles está exibindo a visualização móvel correta, estou tentando modificar o menu suspenso móvel, mas ele está mostrando este menu de visualização de desktop.

No Safari do meu iPhone, o Chrome exibe corretamente.

[ToddZ]

A maneira usual tem sido adicionar ?mobile_view=1 ao final do URL. O Discourse está caminhando para um design responsivo baseado no tamanho da viewport, então, dependendo do tema, essa substituição pode não continuar funcionando.

[NateDhaliwal]

@hipp0

Estou tentando modificar o menu suspenso móvel, mas ele está mostrando este menu de visualização para desktop

Você está se referindo à configuração do site menu de navegação?

[darkpixlz (Pyx)]

@ToddZ

A maneira usual era adicionar ?mobile_view=1 ao final do URL

Na verdade, eu acredito que isso foi removido há alguns dias, infelizmente:

No more switchable mobile/desktop layouts?

No, it’s not just removed from the sidebar. We have removed the underlying structure to toggle.

[Lilly]

sim, o ?mobile_view=1 é legado e considerado obsoleto - o estilo móvel mais recente foi ativado no ano passado:

@system

Modos Móvel/Desktop Legado

Historicamente, o Discourse fornecia dois layouts e folhas de estilo completamente diferentes para visualizações “móvel” e “desktop”, com base no agente de usuário do navegador. Os desenvolvedores direcionavam esses modos colocando CSS em diretórios móveis/desktop específicos, usando as classes HTML .mobile-view/.desktop-view e o booleano site.mobileView em JavaScript.

Essas técnicas agora são consideradas obsoletas e devem ser substituídas pelas estratégias baseadas em viewport e capacidade discutidas acima. Removeremos os modos dedicados em um futuro próximo, tornando o “modo móvel” um alias para “largura da viewport menor que sm” para compatibilidade com versões anteriores.

não tenho certeza do que você fez em seu próprio fórum para personalizações, mas não consigo reproduzir este problema em nenhuma instância ou dispositivo. ele ocorre no modo de segurança?

[hipp0]

Consegui fazer com que ele exibisse a visualização móvel no Chrome, mas ainda não consigo fazê-lo exibir no modo móvel nos navegadores Firefox, Edge ou Brave.

Preciso de pontos de interrupção (Viewport break points) em todo o meu código móvel? Preciso colocá-lo na seção Móvel? A maior parte do meu CSS móvel são apenas alterações de cor, ícones de cabeçalho e largura da barra lateral, tamanhos de emoji/fonte. Portanto, não parece que eu precise de configurações de viewport específicas.

Consegui corrigir o código que eu precisava:

/* ==========================================================================\n   MENU SUSPENSO MÓVEL - ESTADO ATIVO\n   ========================================================================== */

/* 1. Força o texto do link ativo para preto */
.d-modal__body .dropdown-menu li.active a,
.d-modal__body .dropdown-menu li.active {
    color: #000000 !important;
}

/* 2. Feedback específico para toque (Padrão Discourse) */
html.discourse-touch {
    /* Torna o texto preto enquanto o dedo está pressionando */
    .d-modal__body .dropdown-menu li a:active {
        color: #000000 !important;
    }

}

/* 3. Garante que outros itens de navegação sigam a regra */
.dropdown-menu li a {
    transition: color 0.1s ease;
}