Fix #149

[mariusflorescu]

[LEVEL]/[COMPONENT]

TASK: New docs UI sidebar glitches (overlays the navbar) when scrolling down

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• Documentation Only
• Refactor

Description, Motivation and Context

Changed from position: sticky to position:fixed. The issue was happening because the sticky positioning is treated as relative in normal context and as fixed when scrolling. Once the parent container would reach its end of height, it would just push all the content upwards.

Corrected offset to match the previous position.

Renamed Sticky to Fixed.

Screenshots - Animations

The before can be seen in Issue #149 .

After:

nav-overflow4.mp4

Please let me know if there is anything that needs to be corrected/adjusted.

PS: The video is cropped because of the file size limit.

[jrgarciadev]

Thank you! @mariusflorescu 🚀

[codecov-commenter]

Codecov Report

Merging #153 (a446514) into main (3b941f1) will not change coverage.
The diff coverage is n/a.

@@           Coverage Diff           @@
##             main     #153   +/-   ##
=======================================
  Coverage   76.01%   76.01%           
=======================================
  Files         140      140           
  Lines        2264     2264           
  Branches      680      680           
=======================================
  Hits         1721     1721           
  Misses        538      538           
  Partials        5        5           

---

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 3b941f1...a446514. Read the comment docs.