Markdown code not showing properly

Abierto
#192 1 comentario 2 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
2/5
Tiempo estimado
1-3 horas
Aptitud para principiantes
45/100
Tipo de issue
Error
Claridad
Bastante claro
Estado de actividad
Estancado
Stack tecnológico
css
Área
frontend

Línea de trabajo

Inspecciona la hoja de estilos o el CSS del tema donde se aplican los estilos a los elementos de código de la página y, a continuación, reproduce el diseño en pantallas grandes y pequeñas utilizando la captura de pantalla y el vídeo enlazados. Aplica el estilo de código sugerido y verifica que el código en línea quepa dentro del viewport sin provocar un desplazamiento horizontal no deseado.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

Description

The <code> CSS on the page causes problems in design on large and small screens - for example, check out this screenshot:

Image

...and this video on mobile (causes unwanted escaping of the layout horizontally and unexpected left-right scrolling):

https://youtu.be/S-sOQPcsPtQ

@karlhorky has suggested the following CSS changes to improve this design, inspired by GitHub's CSS for <code> elements:

code { font-size: 0.9em; padding: 0.15em 0.3em; border-radius: 6px; max-width: 100%; }
a code { color: var(--wp--preset--color--brand-links); text-decoration: underline; }

I added as a custom CSS for now, and would appreciate it if you could add it as a permanent fix.

Steps to reproduce

No response

What you expected to happen

No response

What actually happened

No response

Lenguaje dominante
PHP
Estrellas
12
Forks
6
Merge medio
13 h 26 min
PR fusionados (30 d)
12

Guía de contribución

No hay ninguna guía de contribución indexada para este repositorio

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de OpenSourceOrg/dotOrg

Todos los issues de OpenSourceOrg/dotOrg

Issues similares

Más issues de PHP

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.