diff options
author | Patrick Webster <noxwizard@phpbb.com> | 2012-04-15 23:33:34 -0500 |
---|---|---|
committer | Patrick Webster <noxwizard@phpbb.com> | 2012-04-15 23:33:34 -0500 |
commit | 7a6d3ec61bff708fa1ebc60765c91af0a5648fc9 (patch) | |
tree | 3d694a0015d4ca55d5cec17d95c4a741e82029d4 /phpBB/adm/style | |
parent | f1f2ab92b15e57c182dadfd9f3cd606cff13946c (diff) | |
download | forums-7a6d3ec61bff708fa1ebc60765c91af0a5648fc9.tar forums-7a6d3ec61bff708fa1ebc60765c91af0a5648fc9.tar.gz forums-7a6d3ec61bff708fa1ebc60765c91af0a5648fc9.tar.bz2 forums-7a6d3ec61bff708fa1ebc60765c91af0a5648fc9.tar.xz forums-7a6d3ec61bff708fa1ebc60765c91af0a5648fc9.zip |
[ticket/10819] Improve side-by-side diff styling
Used transparent background for unchanged lines
Shortened the table headers and make the background grey
Added a border between the columns
Increased the font size on pre blocks
Added Consolas as the first pre font, for Windows users
Added wordwrapping for pre blocks
PHPBB3-10819
Diffstat (limited to 'phpBB/adm/style')
-rw-r--r-- | phpBB/adm/style/install_update_diff.html | 27 |
1 files changed, 14 insertions, 13 deletions
diff --git a/phpBB/adm/style/install_update_diff.html b/phpBB/adm/style/install_update_diff.html index b65a014312..96bf2532b1 100644 --- a/phpBB/adm/style/install_update_diff.html +++ b/phpBB/adm/style/install_update_diff.html @@ -119,6 +119,7 @@ table.hrdiff { overflow: hidden; border-bottom: 1px solid #999; table-layout: fixed; + background: transparent; } table.hrdiff th { @@ -128,7 +129,8 @@ table.hrdiff th { font-family: Verdana,Helvetica,sans-serif; font-size: 11px; border-bottom: 1px solid #999; - background: transparent; + border-right: 1px solid #999; + background: #D9D9D9; } table.hrdiff thead th { @@ -142,29 +144,28 @@ table.hrdiff tr:first-child th { } table.hrdiff tbody th { - padding: 2em 1px 1px 1px; font-size: 80%; border-top: 1px solid #999; } -table.hrdiff tbody td.old { - border-left: 1px solid #999; - border-right: 1px solid #999; -} -table.hrdiff tbody td.new { +table.hrdiff tbody td { border-right: 1px solid #999; } +/* Variant of http://www.longren.org/wrapping-text-inside-pre-tags/ */ table.hrdiff td pre { - overflow: auto; - display: block; - width: 100%; - overflow: auto; - display: block; + font-family: "Consolas", monospace; + font-size: 1.1em; + overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */ + white-space: pre-wrap; /* css-3 */ + white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */ + white-space: -pre-wrap; /* Opera 4-6 */ + white-space: -o-pre-wrap; /* Opera 7 */ + word-wrap: break-word; /* Internet Explorer 5.5+ */ } table.hrdiff .unmodified { - background: #fff; + background: transparent; } table.hrdiff .added { |