Viewed button issue + highlight dark theme

[tnhu]

Step -1: Before filling an issue check out troubleshooting section

• Go to README.md#Troubleshooting

Step 0: Describe your environment

• OS: Mac 12.6. Chrome 108.0.5359.94 (Official Build) (arm64)
• diff2html version: 3.4.18
• Using diff2html directly or using diff2html-ui helper: Both
• Extra flags: N/A

Step 1: Describe the problem:

• Viewed button does not work since 3.4.18. It does not collapse file content.
• Rendering looks weird when using a dark highlightjs theme. Actually it looks weird with light themes as well.

Steps to reproduce:

1. Look at example here https://codesandbox.io/s/diff2html-issues-dkur77?file=/src/App.js

Observed Results:

• Viewed button does not collapse file content
• Highlightjs themes look weird

Expected Results:

• Viewed button should collapse file content
• Highlightjs themes should be rendered nicer

Relevant Code:

Look at https://codesandbox.io/s/diff2html-issues-dkur77?file=/src/App.js to reproduce.

[tnhu]

It looks like I made a mistake when importing css:

import "diff2html/bundles/css/diff2html.min.css";
import "highlight.js/styles/dark.css";

Change it to

import "highlight.js/styles/dark.css";
import "diff2html/bundles/css/diff2html.min.css";

Then the theme weird rendering issue goes away, but dark theme is not rendered correctly (it renders kind of light colors only).

[rtfpessoa]

Strange, regarding the view button, everything seems to be working in the demo

I can try to double check with a local version when I am back in the laptop.

[rtfpessoa]

Cannot replicate, if you still face the issue please provide a single HTML file where it can be replicated.