Update theme for smartphone

[hanachin]

動機

SEO

Rubyでメソッドの使い方を検索したとき、公式ではない公式風APIドキュメントがしれっと公式よりも上に出てくる問題をなんとかしたい。
いや、サイトを運営している人が必ずしも悪いわけじゃないけど、Ruby 1.9時代の情報っぽいので、初心者さん殺しの罠になりかねないんだよね・・・。

— Junichi Ito (伊藤淳一) (@jnchito) November 15, 2019

https://docs.ruby-lang.org/ja/latest/doc/index.html をChrome拡張のLighthouseでテストしました。
https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk?hl=ja

SEOについては以下のような感じでした

Lighthouse Report.pdf

改善したこと

viewportのmetaタグを追加しました

Many search engines rank pages based on how mobile-friendly they are. Without a viewport meta tag, mobile devices render pages at typical desktop screen widths and then scale the pages down, making them difficult to read.
https://web.dev/viewport/

コードがはみ出たときにスクロールバーを表示するようにしました

viewportの設定をしてはみ出すようになったので、スクロールバーを出しました

ライブラリ等のページの一覧のテーブル表示をやめて継承に基づいたインデントをなくした

テーブル表示はモバイルだと横にはみ出て読みづらくなるのでやめてみました。
テーブル表示をやめると継承に基づいたインデントの表示の意味がなくなるのでやめました。

リンクがはみ出るのを直しました

viewportの設定をしてはみ出すようになったので、適切な位置で改行するようにしました

結果

[elim]

おお。 スクリーンショットを見た感じ、 Issue #55 も解決していそうですね（変更内容も #55 での提案と同様っぽい）

[hanachin]

ありがとうございます! ( #55 知らなかった 👍 )、解決されてますね 💯

[znz]

ありがとうございます。
入れてしまって、また何かあれば別途ということで。