Vista previa del tema

Sí, creo que se debe a que Discourse no considera el iPad un dispositivo móvil. He cambiado la detección para que se base en el tamaño de la ventana. ¿Puedes intentarlo de nuevo?

Sí, las tabletas son un dolor de cabeza en los puntos sensibles. Pero ahora no responde a ningún gesto y la X es la única forma de cerrar el modal.

Personalmente… para mí también está bien. Además, las tabletas, especialmente el iPad, representan una cuota bastante modesta de los dispositivos, así que no estoy tan seguro de que haya una necesidad real de dedicar demasiado tiempo a intentar ajustarlas — incluso las tabletas son, de hecho, dispositivos móviles y de escritorio, solo que por su tamaño.

1 me gusta

Sí, solo para aclarar: estos gestos de cierre solo están habilitados para el modal en móvil. El modal de escritorio no se ve afectado en absoluto y sigue funcionando exactamente como antes.

Así que las opciones Ninguno/Asa/Gesto solo cambian el comportamiento en viewports de tamaño móvil. Los usuarios de escritorio seguirán usando el comportamiento habitual del modal (botón X o clic fuera).

Modal de escritorio (el gesto de deslizamiento no funcionará)

Modal de móvil (el gesto de deslizamiento debería funcionar)

Solo una pequeña actualización :blush:

Agradecería mucho que más personas lo probaran en sus teléfonos. ¡Gracias!

1 me gusta

iPhone 15+, iOS más reciente, el hub/PWA/Safari:

De izquierda a derecha, es bastante difícil encontrar el lugar adecuado. Pero creo que se debe al propio dispositivo, ya que también ha ocurrido con otras aplicaciones o sitios web de vez en cuando. Sin embargo, existen soluciones que no importan desde dónde se inicia el deslizamiento.

Discourse en sí es fácil de deslizar hacia atrás.

Gracias, @Jagster. Solo para aclarar: cuando usas el gesto de deslizamiento hacia atrás mientras el modal de vista previa del tema está abierto, ¿cierra el modal y te deja en la lista de temas, o te lleva de vuelta a la página anterior?

Confirmo que el gesto de retroceso y el deslizamiento hacia arriba/abajo funcionan en Android 17 (AOSP) :raised_fist:

Un detalle menor: la animación es un poco irregular/lenta.

1 me gusta

¡Gracias por probarlo! :raising_hands:

Cuando dices que la animación se ve un poco torpe o lenta, ¿te refieres a la animación de cierre al deslizar hacia arriba?

Exacto, ¡el resto va súper suave! Es un placer probar tus creaciones, jefe.

1 me gusta

¡Gracias, lo he arreglado! Por favor, revísalo de nuevo. :slightly_smiling_face:

1 me gusta

No puedo esperar para volver a probar esto. ¡Estoy súper emocionado, ja!

2 Me gusta

¡Genial, muchas gracias! Mejoraron los gestos de deslizar hacia abajo y de retroceso; ahora son súper fluidos.

Siendo sincero, el gesto de deslizar hacia arriba sigue siendo como antes. Es un detalle menor, pero ya sabes, hay dispositivos diferentes, y esto es en Android 17, por si acaso.

1 me gusta

¡Ah, gracias! ¿Podrías hacer una rápida grabación de pantalla del gesto de deslizar hacia arriba para descartar? Me gustaría ver exactamente dónde se siente incorrecta la animación. En mi dispositivo Android 16 es fluida.

2 Me gusta

Cuando el modal está abierto y hago swipe back, sí cierra el modal. El problema es que solo funciona a la quinta o sexta intentos. Así que no hace nada cuando el modal está abierto, pero cuando sí actúa, hace lo que se espera.

1 me gusta

¡La experiencia del navegador Safari en iOS 27 es realmente excelente! ¡Gracias por tu esfuerzo! :heart:

1 me gusta

Ahora me doy cuenta de cuál es el problema con el iPhone: el gesto de deslizar hacia atrás solo funciona si se usa el área de la cabecera del tema.

¡Gracias a todos por probarlo! :heart:

He fusionado esto: FEATURE: Add configurable mobile modal dismiss gestures - Pull Request #7 - VaperinaDEV/discourse-topic-preview-modal - GitHub


Gestos de cierre móviles configurables

Esta actualización añade opciones de cierre configurables al modal de vista previa de temas:

  • Ninguno: sin gesto adicional de cierre
  • Asa: muestra una asa visual en el pie del modal
  • Gesto: permite cerrar el modal con gestos:
    • deslizar hacia arriba cuando se está en la parte inferior
    • gesto o botón de Atrás nativo del móvil

El cierre deslizando hacia abajo está disponible en todos los modos.


El comportamiento de Atrás nativo es especialmente útil en móviles: en lugar de salir de la lista de temas subyacente, la acción de Atrás cierra el modal y mantiene la posición del usuario en la lista.

El modal de escritorio no se ve afectado por estas opciones.


Si te resulta útil, considera apoyar su desarrollo continuo. :heart:
> ./support --coffee

2 Me gusta

También he añadido una retroalimentación háptica opcional para el modal de Vista previa del tema: FEATURE: Add haptic feedback to modal open and close - Pull Request #8 - VaperinaDEV/discourse-topic-preview-modal - GitHub

Cuando está habilitado, los dispositivos Android compatibles proporcionarán:

  • una retroalimentación háptica sutil al abrir el modal
  • una retroalimentación ligeramente más intensa al cerrar el modal

La retroalimentación se puede habilitar o deshabilitar mediante la nueva configuración Retroalimentación háptica (modal_haptic_feedback).

El valor predeterminado es habilitado.

Las duraciones hápticas son intencionalmente diferentes para abrir y cerrar, con el fin de que las dos interacciones se sientan distintas.

1 me gusta

Hola :waving_hand:

He añadido una función que faltaba: FEATURE: Add topic progress bar (timeline) - Pull Request #9 - VaperinaDEV/discourse-topic-preview-modal - GitHub

> ./support --coffee :heart:

1 me gusta