Feature/sticky header

[connoratrug]

• Separate top logo image to separate components
• Combine nav and toplog into header component
• Make header component sticky
  • Use combined nav and logo img height to push down main content
• Move Cookiewall outside of header

Checklist

• [x] Functionality works & meets specifications
• [x] Code reviewed
• [x] Code unit/integration/system tested
• [x] User documentation updated
• [x] Clean commits
• [x] No warnings during install
• [x] Added Feature/Fix to release notes

[codecov[bot]]

Codecov Report

Merging #51 into master will decrease coverage by 0.2%. The diff coverage is n/a.

@@           Coverage Diff            @@
##           master     #51     +/-   ##
========================================
- Coverage    87.5%   87.2%   -0.3%     
========================================
  Files          11      11             
  Lines          96      94      -2     
  Branches       13      10      -3     
========================================
- Hits           84      82      -2     
  Misses         12      12

Flag	Coverage Δ
#unit	87.2% <ø> (-0.3%)	:arrow_down:

Impacted Files	Coverage Δ
src/components/CookieWall.vue	90.9% <ø> (ø)	:arrow_up:
src/components/NavBar.vue	78.9% <ø> (-1.1%)	:arrow_down:

---

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 1214b19...079e5f0. Read the comment docs.

[codecov[bot]]

Codecov Report

Merging #51 into master will increase coverage by 1.7%. The diff coverage is 100%.

@@           Coverage Diff            @@
##           master     #51     +/-   ##
========================================
+ Coverage    87.5%   89.2%   +1.7%     
========================================
  Files          11      13      +2     
  Lines          96     102      +6     
  Branches       13      11      -2     
========================================
+ Hits           84      91      +7     
+ Misses         12      11      -1

Flag	Coverage Δ
#unit	89.2% <100%> (+1.7%)	:arrow_up:

Impacted Files	Coverage Δ
src/components/CookieWall.vue	90.9% <ø> (ø)	:arrow_up:
src/components/NavBar.vue	81.5% <ø> (+1.5%)	:arrow_up:
src/components/HeaderComponent.vue	100% <100%> (ø)
src/components/HeaderImage.vue	100% <100%> (ø)

---

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 1214b19...f8f61fe. Read the comment docs.

[molgenis-jenkins]

:tada: This PR is included in version 1.1.2 :tada:

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot :package::rocket: