[Bug]: Bloquea iconos y tamaño de fuente demasiado pequeños para leerlos

Question

Hola,

Estoy usando el plugin de presets de página web de grapesjs para crear el creador de páginas web. Pero como puedes ver, los iconos y el tamaño de la fuente de los bloques son demasiado pequeños. ¿Cuál podría ser el problema? Aparecen perfectamente bien en la demo aquí: https://grapesjs.com/demo.html ver la comparación de tamaño en mi local y la demo.

artf · Accepted Answer

Simplemente arréglalos con CSS

ahmeds63 · Answer

Por alguna razón, el problema era incrustar el editor GrapesJS dentro de un formulario que a su vez estaba encerrado por columnas bootstrap. Así que el espacio era limitado y la hoja de estilo de GrapesJS usa la unidad de fuente 'rem' para los iconos de fontawesome, que establece el tamaño de la fuente en función del tamaño de la ventana. Rendericé el GrapesJS en una página completa sin ningún contenedor o columna de bootstrap, funcionó bien.

ahmeds63 · Answer

Estoy teniendo otro problema con el tamaño de los iconos de tres bloques, mira la captura de pantalla. Como puedes ver, 'tooltip', 'custom code' y 'typed' tienen iconos enormes y no coinciden con el tamaño normal de otros iconos. <img width="254" alt="Captura de pantalla 2020-03-02 at 12 54 47 PM" src="https://user-images.githubusercontent.com/11045156/75656113-19b63a00-5c85-11ea-9062-fa185cbcc5c5.png">

Bloquea iconos y tamaño de fuente demasiado pequeños para leerlos

Pregunta

Respuestas (3)

Preguntas y respuestas relacionadas

Estilo predeterminado para bloques personalizados

Desajuste de clases al usar el plugin web preset

Cómo activar la 'Importar plantilla (modal)' al cargar la página

BUG: Cambiar la fuente dentro del panel superior está alterando los iconos de font-awesome

Plugins de pago que cumplen con este problema

Explorar categorías de plugins