Modal de pré-visualização de tópico

Sim, acho que é porque o iPad não é considerado um dispositivo móvel no Discourse. Mudei a detecção para ser baseada no viewport. Você pode tentar de novo?

É, tablets são uma dor de cabeça nos lugares sensíveis. Mas agora eles não seguem nenhum gesto e X é a única maneira de fechar o modal.

Pessoalmente… para mim, está bom o suficiente. Além disso, tablets, especialmente o iPad, representam uma parcela bastante tímida dos dispositivos, então não tenho tanta certeza se há uma necessidade real de gastar muito tempo tentando ajustar esses — mesmo tablets são, de fato, dispositivos móveis e de estilo desktop apenas pelo tamanho.

1 curtida

Sim, só para esclarecer: esses gestos de fechamento estão habilitados apenas para o modal no mobile. O modal no desktop não é afetado de forma alguma e continua funcionando exatamente como antes.

Portanto, as opções Nenhum/Alça/Gesto alteram o comportamento apenas em viewports de tamanho mobile. Os usuários no desktop ainda usarão o comportamento normal existente do modal (botão X ou clique fora).

Modal no desktop (o gesto de deslizar não funcionará)

Modal no mobile (o gesto de deslizar deve funcionar)

Só um pequeno complemento :blush:

Apreciaria muito que mais algumas pessoas testassem em seus celulares. Obrigado!

1 curtida

iPhone 15+, iOS mais recente, hub/PWA/Safari:

Da esquerda para a direita, é bastante difícil encontrar o lugar certo. Mas acho que isso vem do próprio dispositivo, pois já aconteceu com outros aplicativos/sites de tempos em tempos. Mas por aí também há soluções em que não importa de onde o gesto de deslizar começa.

O próprio Discourse é fácil de deslizar para trás, no entanto.

Obrigado, @Jagster. Só para esclarecer: quando você usa o gesto de deslizar para trás com o Modal de Pré-visualização do Tópico aberto, ele fecha o modal e mantém você na lista de tópicos, ou navega de volta para a página anterior?

Posso confirmar que o gesto de voltar e o gesto de deslizar para cima/baixo estão funcionando no Android 17 (AOSP) :raised_fist:

Um pequeno detalhe: a animação está um pouco instável/lenta.

1 curtida

Obrigado por testar! :raising_hands:

Quando você diz que a animação está meio estranha/lenta, você está se referindo à animação de fechamento ao deslizar para cima?

Exatamente, as outras estão super suaves! É um prazer testar suas criações, chefe.

1 curtida

Obrigado, eu corrigi! Por favor, verifique novamente. :slightly_smiling_face:

1 curtida

Mal posso esperar pra voltar a testar isso. Tô super animado, kkk

2 curtidas

Legal, obrigado a você! Melhorou os gestos de deslizar para baixo e voltar; agora estão super fluidos.

Sendo honesto, o gesto de deslizar para cima parece continuar sendo como antes. É algo menor, mas você sabe, existem diferentes dispositivos, e este é no Android 17, para seu registro.

1 curtida

Ah, obrigado! Você poderia fazer uma gravação rápida de tela do gesto de deslizar para cima para fechar? Eu gostaria de ver exatamente onde a animação está estranha. No meu dispositivo com Android 16, ela está suave.

2 curtidas

Quando o modal está aberto e eu faço swipe back, ele realmente fecha o modal. O problema é que só funciona na quinta tentativa, mais ou menos. Ou seja, quando o modal está aberto, o gesto não faz nada, mas quando ele finalmente reage, faz exatamente o que se espera.

1 curtida

A experiência do navegador Safari no iOS 27 é muito boa! Obrigado pelo seu empenho! :heart:

1 curtida

Agora percebo qual é o problema com o iPhone: o gesto de deslizar para trás só funciona se a área de cabeçalho do tópico for usada.

Obrigado a todos pelo teste! :heart:

Mergiei esta alteração: FEATURE: Add configurable mobile modal dismiss gestures - Pull Request #7 - VaperinaDEV/discourse-topic-preview-modal - GitHub


Gestos de fechamento no mobile configuráveis

Esta atualização adiciona opções de fechamento configuráveis ao Modal de Pré-visualização de Tópico:

  • Nenhum: nenhum gesto adicional de fechamento
  • Alça: exibe uma alça visual no rodapé do modal
  • Gesto: permite que o modal seja fechado com gestos:
    • deslizar para cima quando estiver na parte inferior
    • gesto/botão de Voltar nativo do mobile

O fechamento por deslizar para baixo está disponível em todos os modos.


O comportamento do botão Voltar nativo é especialmente útil no mobile: em vez de sair da lista de tópicos subjacente, a ação de Voltar fecha o modal e mantém a posição do usuário na lista.

O modal no desktop não é afetado por essas opções.


Se você achar isso útil, considere apoiar seu desenvolvimento contínuo. :heart:
> ./support --coffee

2 curtidas

Também adicionei feedback háptico opcional para o Modal de Pré-visualização de Tópicos: FEATURE: Add haptic feedback to modal open and close - Pull Request #8 - VaperinaDEV/discourse-topic-preview-modal - GitHub

Quando ativado, os dispositivos Android compatíveis fornecerão:

  • um feedback háptico sutil ao abrir o modal
  • um feedback ligeiramente mais forte ao fechar o modal

O feedback pode ser ativado ou desativado por meio da nova configuração Feedback háptico (modal_haptic_feedback).

O padrão é ativado.

As durações do feedback háptico são intencionalmente diferentes para abrir e fechar, a fim de tornar as duas interações distintas.

1 curtida

Olá :waving_hand:

Adicionei um recurso que estava faltando: FEATURE: Add topic progress bar (timeline) - Pull Request #9 - VaperinaDEV/discourse-topic-preview-modal - GitHub

> ./support --coffee :heart:

1 curtida