コンテンツにスキップ

利用者:Tomika/monobook-diff

利用者:Tomika/monobook-diffはmonobookを対象としたユーザースタイルシートFirefoxおよびOperaにおいて2つの版を比較する際に、いずれか一方に長い(URLのようなラテン文字による)単語が含まれているときにスタイルが崩れないようにする。なお、Internet Explorerは崩れないようなのでこれを適用しても特に効果は無い。

初期状態では左右のいずれかのブロックに長い文章が含まれている場合、左右のブロックサイズが非対称になり、また場合によっては横スクロールが発生する。このCSSは長い単語を含むブロックが存在する場合、その個々に対して横スクロールを表示することにより全てのブロックサイズを固定し、全体への影響を抑える。

横スクロールが嫌という場合は、overflow: auto;overflow: hidden;にすることで横スクロールを表示しないようにすることができる。ただし、横スクロールが無ければ見れなかったであろう部分を見ることはできなくなる。とはいえ、大抵スタイルが崩れる原因になるのは長いURLか荒らしが原因なので、たいした影響はないかと。

table.diff span.comment {
 display: block;
 overflow: auto;
}

td.diff-context, td.diff-addedline, td.diff-deletedline {
 display: block;
 min-height: 1.5em;
 overflow: auto;
}