Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

links in Examples sidebar all shift by one pixel on hover #4197

Closed
mikedubcurry opened this issue Jan 1, 2020 · 0 comments
Closed

links in Examples sidebar all shift by one pixel on hover #4197

mikedubcurry opened this issue Jan 1, 2020 · 0 comments
Labels

Comments

@mikedubcurry
Copy link
Contributor

Describe the bug
When hovering a mouse over the links in the Examples page side bar, all links below the link you hover over move up one pixel. After some investigation, when the anchor tags are hovered, they reduce their height by one pixel.

Logs
N/A

To Reproduce
Visit https://svelte.dev/examples#hello-world using google chrome 79.
without hovering on a link in the sidebar, press Ctrl Shift C to open inpect element. Inspect any anchor tag in the sidebar and in chrome, a tool tip appears showing some data on the element including its height and width. On my laptop they read 284 px by 57.38 px. In the chrome dev tools, you can toggle hovering on a selected element. When you do this, you see all the links below the selected link jump up by one pixel. The elements new dimensions are 284 px by 56.38px.
.

Expected behavior
The links change color from gray to white on hover. There doesnt seem to be any movement in _TableOfContents.svlete. The anchor tag in question appears to have a padding of 0 on hover applied from somewhere else in the page, so I imagine the intended behavior is for it not to move.

Stacktraces
N/A

Information about your Svelte project:
Chrome 79
Ubuntu Linux 18.04.3
Svelte 3.12.0
Sapper 0.27.8

  • Whether your project uses Webpack or Rollup
    Rollup

Severity
Not really severe at all, just a css quirk.

@mikedubcurry mikedubcurry changed the title links in Examples sidebar all bounce by one pixel on hover links in Examples sidebar all shift by one pixel on hover Jan 1, 2020
@Conduitry Conduitry added the site label Jan 2, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants