feat!: diff/flexbox based layout, text selectable per side (fixes #15)

BREAKING CHANGE: This completely modifies the way react-diff-viewer-continued is rendered. The overall layout should be more or less the same, but with the new layout probably come new bugs.
Aeolun · Oct 18, 2023 · 9f6c4d5 · 9f6c4d5
1 parent 39b41e3
commit 9f6c4d5
Show file tree

Hide file tree

Showing 3 changed files with 176 additions and 141 deletions.
diff --git a/examples/src/index.tsx b/examples/src/index.tsx
@@ -191,7 +191,7 @@ class Example extends Component<{}, ExampleState> {
               this.state.customGutter
                 ? (diffData) => {
                     return (
-                      <td
+                      <div
                         className={
                           diffData.type !== undefined
                             ? cn(diffData.styles.gutter)
@@ -214,7 +214,7 @@ class Example extends Component<{}, ExampleState> {
                             ? '==='
                             : undefined}
                         </pre>
-                      </td>
+                      </div>
                     );
                   }
                 : undefined