OpenSourceOrg / OpenSourceOrg/dotOrg
Markdown code not showing properly
まだ誰も着手していません。
- 主要言語
- PHP
- スター
- 12
- フォーク
- 6
- 平均マージ
- 13時間 26分
- マージ済み PR（30日）
- 12
説明
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
コントリビューションガイド
このリポジトリのコントリビューションガイドは索引されていません
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
調査の方向性
ページのコード要素がスタイル設定されている stylesheet または theme CSS を調べ、リンクされたスクリーンショットと動画を使って、大画面と小画面でレイアウトを再現します。提案されたコードスタイルを適用し、インラインコードが意図しない水平スクロールを発生させずに viewport 内に収まることを確認します。
索引モデルが issue の本文から書いたものです。
評価
- 技術スタック
- css
- 領域
- frontend
- issue の種類
- バグ
- 難易度
- 2/5
- 見積もり時間
- 1〜3時間
- 活発さ
- 停滞
- 明瞭さ
- おおむね明確
- 初心者へのやさしさ
- 45/100