NirmalScaria / le-git-graph

Browser extension to add git graph to GitHub website.
https://chrome.google.com/webstore/detail/le-git-graph-commits-grap/joggkdfebigddmaagckekihhfncdobff
MIT License
3.13k stars 16 forks source link

Graph node misaligned with commit list item. #76

Open Eyre-S opened 1 month ago

Eyre-S commented 1 month ago

Describe the bug The height between two graph nodes is slightly smaller than the list item's height, as a result the graph will misaligned with the list after some pages.

To Reproduce Steps to reproduce the behavior:

  1. Go to Commits tag in this repository.
  2. Load some more pages.
  3. See the misaligned.

Expected behavior

The graph will always align to the tree.

Screenshots

image

Version information:

Additional context

I found that the height of graph's line is 57.5px, where the height of an item of list is 58.39px. And after I disabled the border of list item (which size is max(1px, 0,0625rem)), the list item's height becomes 57.49px that basiclly solves this problem.

image image image image

My browser uses 'Medium' font size which rem seems to be 16px, and uses 'Arial' as default font (if this matters).