Haz que sea más evidente que una imagen se puede redimensionar al subir una imagen

Esto me vuelve loco casi a diario.

  • Subo una captura de pantalla de retina
  • Inmediatamente llevo el mouse al área de vista previa para obtener los “controles de redimensionamiento” y reducir su tamaño
  • Los controles no aparecen al pasar el cursor
  • Alejo el mouse
  • Luego vuelvo al área de vista previa y los controles aparecen

En general, ni siquiera soy fanático de que los “controles de redimensionamiento” solo aparezcan al pasar el cursor.

Puedo pensar en dos opciones para mejorar esto:

  1. Podemos corregir el error para que, al subir y pasar el cursor, los controles se muestren de inmediato.

  2. Podemos mostrar los “controles de redimensionamiento” de forma incondicional (quizás de manera un poco más sutil).

Personalmente, prefiero la opción (2), pero me pregunto qué opinan @codinghorror, @awesomerobot y la comunidad al respecto.

11 Me gusta

No veo esto. ¿Es un problema de latencia?

1 me gusta

Extremadamente probable, 100% reproducible en Firefox en Australia contra meta.

4 Me gusta

¿Así que la solución es el traslado? :laughing:

10 Me gusta

Añado mi voto por la opción 2. Es una función extremadamente útil, pero creo que es bastante fácil pasarla por alto si no se sabe que existe.

3 Me gusta

No veo ningún inconveniente en mostrar los controles de redimensionamiento en la vista previa de forma incondicional por tres razones:

La primera es que solo los “ocultamos” con opacidad

lo que significa que aún ocupan cierto espacio incluso cuando son invisibles. El contenedor tiene posición absoluta, pero añadimos algo de relleno a .image-wrapper.

La segunda es que la función funcionaría también en dispositivos móviles, algo que actualmente no ocurre en mi caso, aunque debería hacerlo.

La tercera es que aumentaría la visibilidad de la función.

Si no hacemos eso, lo que podemos hacer es hacer que los controles de todas las imágenes sean visibles al pasar el cursor sobre el panel de vista previa, no solo de las imágenes individuales. Además, corregir el problema en móviles (que podría estar limitado solo a mis dispositivos).

Si hacemos que los controles sean visibles de forma incondicional, también podemos dedicar un poco de tiempo a mejorar su aspecto.

15 Me gusta

Sí, preferiría que siempre estén visibles y como una superposición encima de la imagen, para que el espaciado no parezca mayor en el editor en comparación con la publicación real.

Una razón por la que originalmente no hicimos esto es porque veías los controles parpadear terriblemente mientras escribías. Creo que se realizaron algunos cambios que redujeron el parpadeo, pero los controles siguen eliminándose completamente del DOM una vez que comienzas a escribir… una vez que eso se resuelva, adelante y reestilízalos para que siempre aparezcan @johani!

8 Me gusta

No veo ningún parpadeo al eliminar la opacidad, así que supongo que hemos resuelto el problema.

He corregido el punto (1) según:

Pero sigo sintiendo que lo esencial aquí es que el problema no es fácilmente detectable y depende del hover.

@Johani, ¿podrías crear un componente de tema para estilizar esto ahora (ya que puedes usar CSS puro para obtener lo que quieras)? Asegúrate de probarlo con una imagen muy, muy corta. Luego, instala el componente en dev y meta para que podamos usarlo un tiempo y decidir si nos gusta más esta opción o no.

8 Me gusta

Sí, creo que en algún momento se añadió un debounce. Ahora que has solucionado ese primer problema, todo parece estar bien.

3 Me gusta

Wow, no puedo creer que 2019 haya sido hace un año entero :lolsob:

3 Me gusta

Personalmente, no estoy a favor de este cambio. Hace que sea mucho más ajetreado. ¿Había algún problema real con la detectabilidad del redimensionamiento?

1 me gusta