Docz: Elementos rotos en el patio de recreo
Informe de error
Describe el error
Cuando agrego un conjunto de elementos que son más grandes que el ancho del patio de recreo, rompe el elemento
Reproducir
Medio ambiente
- SO: macOS High Sierra 10.13.4
- Versión de nodo / hilo: 8.5.0 / 1.6.0
nicholasess
Todos 3 comentarios
Hola @nicholasess , gracias por los comentarios.
Lo estaba depurando aquí y parece que todo va bien con el ejemplo.
¿Podría proporcionar un código de ejemplo o un repositorio para este error, por favor?
marceloavf
en 2 jul. 2018
@marceloavf Sí, este es el repositorio que creé.
https://github.com/nicholasess/docz-example/blob/master/src/components/Button.mdx#L21
nicholasess
en 2 jul. 2018
Es un efecto subestimado de CSS, el problema radica en que sus etiquetas a son elementos display: inline (navegador predeterminado).
Los enlaces se cortan por la mitad porque se tratan como texto normal, no como elementos a nivel de bloque.
Puede configurar white-space: nowrap; para ellos, pero no responderán a medida que cambie el tamaño de la pantalla, por lo que el uso de display: inline-block; debería solucionar el problema y convertirlos en enlaces reales a nivel de bloque.
Espero que esto sea lo que estás buscando ✋
marceloavf
en 3 jul. 2018
Temas relacionados
fenbka
·
3Comentarios
meetromb
·
3Comentarios
w0wka91
·
3Comentarios
bichotll
·
3Comentarios
tsnolan23
·
3Comentarios
Comentario más útil
Es un efecto subestimado de CSS, el problema radica en que sus etiquetas
ason elementos display: inline (navegador predeterminado).Los enlaces se cortan por la mitad porque se tratan como texto normal, no como elementos a nivel de bloque.
Puede configurar
white-space: nowrap;para ellos, pero no responderán a medida que cambie el tamaño de la pantalla, por lo que el uso dedisplay: inline-block;debería solucionar el problema y convertirlos en enlaces reales a nivel de bloque.Espero que esto sea lo que estás buscando ✋