Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

長いインラインコードブロックが画面からはみ出して一部読めない #142

Open
Raclamusi opened this issue Jan 23, 2024 · 3 comments

Comments

@Raclamusi
Copy link
Contributor

インラインコードブロックの中では改行されず、長いインラインコードブロックは、特にスマートフォンなど横幅の小さい環境で画面からはみ出して一部読めなくなっています。

スクリーンショット

修正案

インラインコードブロック内の改行を許可することで解決できます。
例えば、以下のスタイルを追加する方法があります。

/* css/kunai/site/article.css */
div[itemtype="http://schema.org/Article"] {
  :not(pre)>code {
    display: inline-table;
    white-space: pre-wrap;
  }
}
スクリーンショット
@faithandbrave
Copy link
Member

ありがとうございます!Pull Requestいただけたらマージ・デプロイします!

@faithandbrave
Copy link
Member

デプロイ完了しました。
私のiPhoneでは修正を確認できましたが、 @Raclamusi さんにもご確認いただければと思います。

@Raclamusi
Copy link
Contributor Author

私の Android 実機の Chrome でも確認できました。

スクリーンショット

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants