Category: Accessibility :Design

差分表示で追加・削除された「空行」が判別できない

メッセージ

差分の表示で、空行が追加・削除されている部分があっても、色のつく文字がないため判別できません。変更されてない空行と同様に表示されてしまいます。

以下のようにスタイルシートを変更し背景色で色分けすれば、とりあえずは判別できるようになります。

/* diff.inc.php */
span.diff_added {
	background-color: #8080ff;
}
span.diff_removed {
	background-color: #ff8080;
}
pre span.diff_added,
pre span.diff_removed {
	width: 100%;
	margin-right: 0;
	display: block;
	margin-bottom: -1em;
}

spanをブロック要素的に扱ったり、マージンを負の値にしたりと、我ながらちょっと気持ち悪いですが、緊急回避的にということで。

根本的な解決の際は、「追加行には"+"を、削除行には"-"をつける」とかにしたほうがいいと思います。そうすればテキストブラウザでも判別可能になりますし。




トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2009-08-13 (木) 13:24:03
Site admin: PukiWiki Development Team

PukiWiki 1.5.3+ © 2001-2020 PukiWiki Development Team. Powered by PHP 5.6.40-0+deb8u12. HTML convert time: 0.142 sec.

OSDN