Comentarios sobre el componente del tema 'Modo Lectura'

Sí, estas son excelentes sugerencias. No estoy seguro de cómo lo lograría solo con un componente temático, pero es genial pensarlo.

Además, hoy agregué una actualización al componente que agrega algunas configuraciones de legibilidad.

Sin embargo, un problema que encontré es que está interactuando mal con nuestro componente DiscoTOC instalado aquí en meta. Tengo algunas ideas sobre cómo solucionarlo y trataré de abordarlo esta semana.

3 Me gusta

Componente muy agradable. Dos sugerencias:

  • Creo que Palatino es una buena adición para el Modo Lector.
  • La altura de línea sería un control deslizante útil para añadir.
2 Me gusta

¡Genial!

Parece que es así si no eres un administrador/moderador.
¿Crees que sería posible mantener los iconos en el mismo lugar sin moverlos? :thinking:

2 Me gusta

Gracias, esto se debe en realidad al componente temático discoTOC que tenemos instalado aquí en dev. Trabajaré esta semana para que los dos componentes funcionen bien juntos.

2 Me gusta

Sería genial si pudiéramos “guardar” la configuración de mi modo de lectura para que persista en todos los temas. Desde un punto de vista técnico, hay muchas maneras de hacerlo.

2 Me gusta

Me pregunto cómo podríamos mejorar el parpadeo/actualización/efecto fantasma cuando se usa la configuración:

1 me gusta

¡Gran idea!

¡Uf, eso es mucho temblor! ¿Qué navegador es este? No veo esto en Chrome.

Chrome 124.0.6367.61, Windows 11 :smile:
Lo intenté sin extensiones y es lo mismo.

Creo que se debe a que la posición (top) se actualiza constantemente cuando no debería (el valor de top parece estar influenciado por el tamaño de la fuente, el panel debería ser estático aquí :thinking: )

En Firefox, ocurre lo mismo, sin embargo, a veces (aún no he podido determinarlo de manera fiable), la posición no se actualiza, entonces es fluido:

Intentaré dar mejores comentarios más tarde.

1 me gusta

No estoy muy seguro de si esto ayudará, pero tu publicación me dio una idea.

Para el control deslizante de ancho, el incremento del paso era súper pequeño, establecido en 1px, y parecía suave.

Sin embargo, el paso de fuente era demasiado grande, y lo he reducido enormemente. Así que los cambios en el tamaño de fuente deberían sentirse un poco más suaves ahora, al menos en términos de aumento y disminución real del tamaño del texto.

¿Te refieres al posicionamiento superior del menú de configuración?

1 me gusta

Sí, el panel de configuración. Parece ser relativo a la salida principal, viendo el número grande.

Me pregunto si el panel de configuración podría ser relativo a los controles de la línea de tiempo. No estoy seguro de si eso es factible, sin embargo.

Por ejemplo, si muevo el panel allí, puedes ver que el posicionamiento no cambia porque, en relación con la línea de tiempo, eso no se mueve. ¿Entiendes lo que quiero decir?

Técnicamente lo es, pero estoy usando un componente incorporado de Discourse DMenu. Puede que tenga que pedirle al propietario su opinión sobre lo que está sucediendo allí.

1 me gusta
EDITAR: No, mala idea, no sigas esto, por favor.

¡Tienes razón!

Creo que hay una forma de indicarle a DMenu en qué contenedor quieres insertar tu código, usando this.menu.registerPortalOutletElement.

Hice una prueba creando un contenedor en .timeline-controls y luego pasando ese elemento contenedor a registerPortalOutletElement, y me funcionó. No sé si es la mejor manera, pero hizo el trabajo. :thinking:

Ver abajo

¡Gracias Joffrey!

1 me gusta

Tengo entendido que solo está diseñado para usarse una vez, cuando la aplicación arranca. Llamarlo más tarde moverá todas las invocaciones futuras de DMenu a ese elemento, por lo que romperá un montón de otras cosas :sweat_smile:

2 Me gusta

Vaya. :sweat_smile: Mi error. Pensé que se establecía cada vez que se insertaba el componente; incluso lo probé antes de publicarlo. Probablemente me confundí con el menú en línea, entonces. Nunca leas código cuando estás cansado, ahah.

EDITAR: Lo acabo de comprobar de nuevo, y sí, se establece una vez. Tuve suerte de que no rompiera nada. :smile:

2 Me gusta

Gracias por este componente, ¡estoy disfrutando mucho usándolo! Me encantaría ver:

  1. Opciones de color en las opciones del modo lector. Personalmente, me gusta mantener Meta en modo claro, pero sería bueno si pudiera cambiar al esquema de color oscuro/sepia mientras estoy en modo lector.

    Similar al modo de lectura de Safari:

  2. Me encantaría que al hacer clic en el exterior del tema se cancelara el modo lector en lugar de tener que presionar el botón nuevamente.

  3. Sería bueno si la configuración del modo lector persistiera en todos los temas y si hubiera un botón :arrows_counterclockwise: Restablecer para devolverla a la configuración predeterminada.

  4. Sería bueno si los avatares también tuvieran una opacidad reducida. Parece que se enfatizan más en el modo lector porque están a todo color.

4 Me gusta

@Arkshine nuestro Joffrey ha actualizado el núcleo. Ahora puedes usar @inline={{true}} en <DMenu> para renderizar el pop up en línea dentro del contenedor.
La actualización ya está disponible aquí en meta.

3 Me gusta

Esto es genial, es la interfaz de usuario a la que me gustaría llegar eventualmente. Por ahora, me he quedado con los valores predeterminados simples del navegador en términos de tamaño de fuente, selección y ancho del contenido.

También me gusta mucho la interfaz de usuario de The Arc Browser por su función de “boosts”.

Aunque evitaré que Wingdings sea una familia de fuentes que se pueda usar en el modo de lectura :stuck_out_tongue_winking_eye:

2 Me gusta

¡Genial! :tada:

Ya no hay tartamudeos de mi lado. ¡Todo bien! Gracias a los dos :+1:

3 Me gusta

Me encanta esto y espero que a la mayoría de nuestros usuarios también les encante. Desafortunadamente, la falta de coincidencia en la opacidad resaltada por Keegan es también lo que me impide añadirlo a nuestra instancia:

En realidad, prefiero que sea en la otra dirección, donde el perfil de usuario y el adorno permanecen a todo color, sin embargo, estoy de acuerdo en que el problema real es la falta de coincidencia entre la opacidad de los adornos y las fotos de perfil.

Los otros tres puntos de Keegan resumen elegantemente todo lo demás que estaba pensando.

No puedo esperar a ver más desarrollo en esto :star_struck:


Editar:
Comentario de un colega:

¡Me gusta! Tanto que incluso estaría interesado en poder elegir que tenerlo activo sea lo predeterminado.

4 Me gusta

Lo he actualizado hoy. :smile: Gracias por tus amables palabras, me alegra que te resulte útil.

1 me gusta