diff --git a/src/side-by-side-printer.js b/src/side-by-side-printer.js index 424a8e0..26067be 100644 --- a/src/side-by-side-printer.js +++ b/src/side-by-side-printer.js @@ -224,6 +224,14 @@ SideBySidePrinter.prototype.generateSingleLineHtml = function(isCombined, type, number, content, possiblePrefix) { var lineWithoutPrefix = content; var prefix = possiblePrefix; + var lineClass = 'd2h-code-side-linenumber'; + var contentClass = 'd2h-code-side-line'; + + if (!number && !content) { + lineClass += ' d2h-code-side-emptyplaceholder'; + contentClass += ' d2h-code-side-emptyplaceholder'; + type += ' d2h-emptyplaceholder'; + } if (!prefix) { var lineWithPrefix = printerUtils.separatePrefix(isCombined, content); @@ -234,8 +242,8 @@ return hoganUtils.render(genericTemplatesPath, 'line', { type: type, - lineClass: 'd2h-code-side-linenumber', - contentClass: 'd2h-code-side-line', + lineClass: lineClass, + contentClass: contentClass, prefix: prefix, content: lineWithoutPrefix, lineNumber: number diff --git a/src/ui/css/diff2html.css b/src/ui/css/diff2html.css index b5e160b..f04757c 100644 --- a/src/ui/css/diff2html.css +++ b/src/ui/css/diff2html.css @@ -196,6 +196,12 @@ text-overflow: ellipsis; } +.d2h-code-side-emptyplaceholder, +.d2h-emptyplaceholder { + background-color: #f1f1f1; + border-color: #e1e1e1; +} + /* * Changes Highlight */ diff --git a/test/side-by-side-printer-tests.js b/test/side-by-side-printer-tests.js index 21b1f90..ac211e9 100644 --- a/test/side-by-side-printer-tests.js +++ b/test/side-by-side-printer-tests.js @@ -99,12 +99,12 @@ describe('SideBySidePrinter', function() { ' \n' + ' \n' + '