Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

vertical-align

See original GitHub issue

Icons are not properly aligned vertically in GitHub. I suggest adding vertical-align: -3px; to the <img> tags.

default	+ github-vscode-icons	+ vertical-align

What do you think?

Issue Analytics

State:
Created 3 years ago
Comments:6 (6 by maintainers)

Top GitHub Comments

1reaction

s-weigandcommented, Oct 3, 2020

Since vertical-align: middle; looks pretty similar, adding the class vscode-icon to the img should do the trick as well.

This would mean just adding class="vscode-icon" to this line.

https://github.com/dderevjanik/github-vscode-icons/blob/3470130cbd55f0470cda9491e34325e3e0e5a55c/packages/content/pages/GitHub.ts#L103

Try it out and tell me what you think:

document.querySelectorAll("div.Box-row > div:nth-child(1) > img").forEach((item)=>{item.setAttribute('class', 'vscode-icon');})

1reaction

s-weigandcommented, Oct 3, 2020

This is the css file used by the extension. And the selector would be something like div.Box-row > div:nth-child(1) > img:nth-child(1).

Top Results From Across the Web

vertical-align - CSS: Cascading Style Sheets - MDN Web Docs

The vertical-align CSS property sets vertical alignment of an inline, inline-block or table-cell box.

CSS vertical-align property - W3Schools

The vertical-align property sets the vertical alignment of an element. Show demo ❯. Default value: baseline. Inherited: no. Animatable: yes. Read about ...

vertical-align - CSS-Tricks

The vertical-align property in CSS controls how elements set next to each other on a line are lined up.

Vertical alignment - Bootstrap

Easily change the vertical alignment of inline, inline-block, inline-table, and table cell elements.

Vertical Align - Tailwind CSS

Utilities for controlling the vertical alignment of an inline or table-cell box.