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

Bug: Help page transit agency link focus rings aren't rounded on Firefox #2547

Open
machikoyasuda opened this issue Nov 26, 2024 · 1 comment
Labels
bug Something isn't working front-end HTML/CSS/JavaScript and Django templates

Comments

@machikoyasuda
Copy link
Member

machikoyasuda commented Nov 26, 2024

Help page transit agency contact info button focus rings aren't rounded on Firefox. Should be rounded.

To Reproduce

Steps to reproduce the behavior:

  1. Go to https://dev-benefits.calitp.org/help
  2. Tab into Help page and go all the way down to transit agency help links.
    Image

Expected behavior

Focus ring should be rounded like the rest.

Additional context

Adding border-radius: ... doesn't seem to work!

Image

Looks fine on Mac/Chrome

Image

Browser

  • Mac/Firefox
  • Mac/Chrome
@machikoyasuda machikoyasuda added bug Something isn't working front-end HTML/CSS/JavaScript and Django templates labels Nov 26, 2024
@machikoyasuda machikoyasuda changed the title Bug: Help page transit agency link focus rings aren't rounded. Bug: Help page transit agency link focus rings aren't rounded on Firefox Nov 26, 2024
@thekaveman
Copy link
Member

I'm on Linux/Firefox, and it seems like it's only the last two in the agency links:

Image

Image

Image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working front-end HTML/CSS/JavaScript and Django templates
Projects
Status: Todo
Development

No branches or pull requests

2 participants