calendar nao-pon/blog/2014.10

hypconf (HypCommon の設定) モジュール 1.16

hypconf (HypCommon の設定) モジュールを 1.16 にしました。

変更箇所はスマホ用の CSS の調整だけなのですが、X-update でバーッジョンアップ通知を出すためにバージョンを上げました。

メールにて、「GNavi を携帯対応した場合に、登録した URL が長いとテーブルを押し広げてしまい、テーブルのはみ出た部分が表示されない。」といった問題の連絡を頂きました。

そこで、スマホ用に読み込む CSS smart.css をちょっと修正してみました。

• edit CSS for smart device about word wrapping · b4ed8d2 · nao-pon/HypCommon

実は、

word-wrap: break-word;
overflow-wrap: break-word;

だけで対応しようとしましたが、Android の Chrome で検証したところ、テーブルの中では効かないようでしたので、苦肉の策で

td a,
th a {
    word-break: break-all;
}

を追加しました。

もっと、スマートな方法をご存じの方は、ぜひ教えてください。m(_ _)m