Add a "CSS reset" to jbrowse-react-linear-genome-view to prevent parent styles from outside the component leaking in

[cmdcolin]

Fixes #1678

Uses a "CSS reset" on the div containing the jbrowse-react-linear-genome-view to avoid parent styles leaking into this component

Ref
https://css-tricks.com/almanac/properties/a/all/

[cmdcolin]

I updated this PR to use CSS called {all:initial} on the div containing the jbrowse-react-linear-genome-view

This avoids parent styles leaking into our LGV which, while normally CSS is used for cascading and would be "good" for helping style our LGV, I think our little component is a little "sacrosanct" and not to be fiddled with by parent styles

[cmdcolin]

My initial comment noted also that examples of our embedded code like https://elliothershberg.shinyapps.io/sars-cov-2-spike-mutations/ can be seen to have somewhat weird styles presumably by parent styles leaking into the embedded lgv

[codecov]

Codecov Report

Merging #1763 (d95444b) into master (6f27b40) will decrease coverage by 0.00%.
The diff coverage is n/a.

@@            Coverage Diff             @@
##           master    #1763      +/-   ##
==========================================
- Coverage   58.74%   58.73%   -0.01%     
==========================================
  Files         455      455              
  Lines       21033    21033              
  Branches     4979     4979              
==========================================
- Hits        12355    12353       -2     
- Misses       8368     8370       +2     
  Partials      310      310              

Impacted Files	Coverage Δ
...BrowseLinearGenomeView/JBrowseLinearGenomeView.tsx	87.50% <ø> (ø)
...inearGenomeView/components/RefNameAutocomplete.tsx	89.36% <0.00%> (-4.26%)	⬇️
packages/core/util/index.ts	82.20% <0.00%> (ø)

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 6f27b40...d95444b. Read the comment docs.

[elliothershberg]

Looks good to me. Simple change, but probably useful. Do you see this having any impact on some of the CSS weirdness in the Nextstrain demo? Might be more related to some hardcoded numbers in their layout, but stuff got pushed around there.

On a related note, it might be good to add a prop to the component that controls the paper depth of the parent div of the component. I can see instances (like Nextstrain) where people might not want the default depth/shadow effect.

[rbuels]

@elliothershberg yes I think this will probably fix a lot of the weirdness in the nextstrain demo