Plots2: Corregir el estilo receptivo del botón de la barra de herramientas "Insertar encabezado"

Creado en 21 mar. 2021  ·  3Comentarios  ·  Fuente: publiclab/plots2

En el editor heredado, el icono del botón de la barra de herramientas "Insertar encabezado" desaparece por completo cuando se cambia el tamaño de la ventana.
Específicamente, si el ancho de la ventana es mayor a 700px y menor a 1000px.

Video

(El botón de encabezado es la H en el video a continuación)

https://user-images.githubusercontent.com/4361605/111892783-b005ec80-89bb-11eb-81e6-14d68b3a9422.mov

Cómo reproducir

Vaya a cualquier lugar que utilice el editor heredado de nuestro sitio. Esto incluye notas, wikis y preguntas.
También incluye /wiki/new .

  1. Por ejemplo, vaya a esta nota en nuestro servidor de pruebas en estable.
  2. Cambie el tamaño de la ventana como se muestra arriba y observe cómo la H desaparece.

Correcciones sugeridas

Tendrá que investigar un poco en la base de código y las hojas de estilo CSS.

El parcial de la barra de herramientas está en /app/views/editor/_toolbar.html.erb :
https://github.com/publiclab/plots2/blob/07a243da39702501d0f5d4de8a3683a24d680a38/app/views/editor/_toolbar.html.erb#L29 -L44

Noto que el ícono está envuelto en un span con la clase d-md-none , por lo que podría ser eso. ¡Pero definitivamente juega con esto y mira lo que encuentras!

Este es un gran problema para alguien que acaba de completar un FTO y quiere algo un poco más desafiante.

Publique un comentario aquí para reclamar este problema, y ​​luego, siéntase libre de publicar un comentario pidiendo ayuda si se queda atascado.

CSS easy feature help wanted

Comentario más útil

@waridrox ¡Bien , eso fue rápido! Adelante, solo publique un comentario aquí si se queda atascado.

Todos 3 comentarios

¿Puedo probarlo por favor? @ noi5e

@waridrox ¡Bien , eso fue rápido! Adelante, solo publique un comentario aquí si se queda atascado.

Ya sabes lo que dicen, a veces la respuesta está justo frente a ti ...

https://github.com/publiclab/plots2/blob/07a243da39702501d0f5d4de8a3683a24d680a38/app/views/editor/_toolbar.html.erb#L29 -L43
En este caso, el código en la línea 40 estaba aplicando un elemento span innecesario que estaba en conflicto con los estilos. Eliminar eso simplemente resolvió el problema: D

_Ninguna funcionalidad se ve obstaculizada después del cambio, aunque se dedicó mucho tiempo a encontrar esto 😅_

https://user-images.githubusercontent.com/58583793/111906743-2831e800-8a78-11eb-953d-58dfe534048b.mp4

He revertido los colores, eran solo con fines de depuración.

¿Fue útil esta página
0 / 5 - 0 calificaciones