Merge pull request #477 from rtfpessoa/fix-firefox

fix-broken-header-ff

Author: rtfpessoa

src/__tests__/diff2html-tests.ts

@@ -439,7 +439,7 @@ describe('Diff2Html', () => {
                             <tr>
             <td class="d2h-code-side-linenumber d2h-info"></td>
             <td class="d2h-info">
-                <div class="d2h-code-side-line"></div>
+                <div class="d2h-code-side-line">&nbsp;</div>
             </td>
         </tr><tr>
             <td class="d2h-code-side-linenumber d2h-ins d2h-change">
@@ -510,7 +510,7 @@ describe('Diff2Html', () => {
                             <tr>
             <td class="d2h-code-side-linenumber d2h-info"></td>
             <td class="d2h-info">
-                <div class="d2h-code-side-line"></div>
+                <div class="d2h-code-side-line">&nbsp;</div>
             </td>
         </tr><tr>
             <td class="d2h-code-side-linenumber d2h-ins d2h-change">
@@ -601,7 +601,7 @@ describe('Diff2Html', () => {
                             <tr>
             <td class="d2h-code-side-linenumber d2h-info"></td>
             <td class="d2h-info">
-                <div class="d2h-code-side-line"></div>
+                <div class="d2h-code-side-line">&nbsp;</div>
             </td>
         </tr><tr>
             <td class="d2h-code-side-linenumber d2h-ins d2h-change">

src/__tests__/side-by-side-printer-tests.ts

@@ -118,7 +118,7 @@ describe('SideBySideRenderer', () => {
           "right": "<tr>
             <td class="d2h-code-side-linenumber d2h-info"></td>
             <td class="d2h-info">
-                <div class="d2h-code-side-line"></div>
+                <div class="d2h-code-side-line">&nbsp;</div>
             </td>
         </tr><tr>
             <td class="d2h-code-side-linenumber d2h-cntx">
@@ -323,7 +323,7 @@ describe('SideBySideRenderer', () => {
                             <tr>
             <td class="d2h-code-side-linenumber d2h-info"></td>
             <td class="d2h-info">
-                <div class="d2h-code-side-line"></div>
+                <div class="d2h-code-side-line">&nbsp;</div>
             </td>
         </tr><tr>
             <td class="d2h-code-side-linenumber d2h-ins d2h-change">
@@ -469,7 +469,7 @@ describe('SideBySideRenderer', () => {
                             <tr>
             <td class="d2h-code-side-linenumber d2h-info"></td>
             <td class="d2h-info">
-                <div class="d2h-code-side-line"></div>
+                <div class="d2h-code-side-line">&nbsp;</div>
             </td>
         </tr>
                             </tbody>

src/templates/generic-block-header.mustache

@@ -1,6 +1,6 @@
 <tr>
     <td class="{{lineClass}} {{CSSLineClass.INFO}}"></td>
     <td class="{{CSSLineClass.INFO}}">
-        <div class="{{contentClass}}">{{{blockHeader}}}</div>
+        <div class="{{contentClass}}">{{#blockHeader}}{{{blockHeader}}}{{/blockHeader}}{{^blockHeader}}&nbsp;{{/blockHeader}}</div>
     </td>
 </tr>

src/ui/css/diff2html.css

@@ -100,7 +100,7 @@
 }
 
 .d2h-files-diff {
-  display: table;
+  display: flex;
   width: 100%;
 }