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

Toggle dev toolbar hitbox height when toolbar is visible #9446

Merged
merged 3 commits into from Dec 29, 2023

Conversation

alexnguyennz
Copy link
Contributor

@alexnguyennz alexnguyennz commented Dec 15, 2023

Changes

Sets the dev-bar-hitbox-above div height to 0 when the overlay is active so it doesn't block elements in that space e.g. links from being clickable (like footer links or any links that come into that space when you're scrolling up and down).

The tooltip's top value for the tooltip then includes the fixed 42px height of the hitbox.

Before (hovering over Twitter link)

before-link

Before (hitbox)

before-inspect

After (hovering over Twitter link)

after-link

After (hitbox)

after-inspect

After (showing tooltip)

after-tooltip

Testing

pnpm run test:match "runtime"

Docs

N/A

Copy link

changeset-bot bot commented Dec 15, 2023

🦋 Changeset detected

Latest commit: 18bff8f

The changes in this PR will be included in the next version bump.

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@github-actions github-actions bot added pkg: astro Related to the core `astro` package (scope) docs pr A PR that includes documentation for review labels Dec 15, 2023
@ematipico
Copy link
Member

Thank you @alexnguyennz , could you post some screenshots of before and after the change?

@alexnguyennz
Copy link
Contributor Author

Thank you @alexnguyennz , could you post some screenshots of before and after the change?

Yep sure, have updated the comment.

Copy link
Member

@bluwy bluwy left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Tested locally and works great!

@Princesseuh Princesseuh merged commit ede3f7f into withastro:main Dec 29, 2023
13 of 14 checks passed
@astrobot-houston astrobot-houston mentioned this pull request Dec 29, 2023
@alexnguyennz alexnguyennz deleted the toggle-toolbar-hitbox-height branch January 6, 2024 19:13
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
docs pr A PR that includes documentation for review pkg: astro Related to the core `astro` package (scope)
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

5 participants