OpenSourceOrg / OpenSourceOrg/dotOrg
Markdown code not showing properly
Dieses Issue hat noch niemand übernommen.
- Vorherrschende Sprache
- PHP
- Sterne
- 12
- Forks
- 6
- Ø Merge
- 13 Std. 26 Min.
- Gemergte PRs (30 T.)
- 12
Beschreibung
Description
The <code> CSS on the page causes problems in design on large and small screens - for example, check out this screenshot:
...and this video on mobile (causes unwanted escaping of the layout horizontally and unexpected left-right scrolling):
@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
Beitragsleitfaden
Für dieses Repository ist kein Beitragsleitfaden indexiert
Erste Schritte
- Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
- Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
- Forke das Repository und arbeite in einem Branch.
- Öffne einen Pull Request, der die Issue-Nummer nennt.
Rechercherichtung
Untersuche das Stylesheet oder das Theme-CSS, in dem die Code-Elemente der Seite gestaltet werden, und bilde anschließend das Layout auf großen und kleinen Bildschirmen anhand des verknüpften Screenshots und Videos nach. Wende die vorgeschlagene Code-Gestaltung an und überprüfe, dass Inline-Code in den Viewport passt, ohne unerwünschtes horizontales Scrollen zu verursachen.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- css
- Bereich
- frontend
- Issue-Typ
- Bug
- Schwierigkeit
- 2/5
- Geschätzter Aufwand
- 1-3 Stunden
- Aktivitätsstatus
- Veraltet
- Klarheit
- Größtenteils klar
- Anfängerfreundlichkeit
- 45/100