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

Ask and Wait UI checkmark is broken across browsers #2924

Open
kchadha opened this issue Aug 20, 2018 · 7 comments
Open

Ask and Wait UI checkmark is broken across browsers #2924

kchadha opened this issue Aug 20, 2018 · 7 comments

Comments

@kchadha
Copy link
Contributor

kchadha commented Aug 20, 2018

Expected Behavior

Ask and Wait checkmark should look the same across browsers.

Actual Behavior

It doesn't:

Ask and wait UI is broken. The check mark looks odd across devices and browsers… on Safari… @carljbowman

@thisandagain
Copy link
Contributor

@BryceLTaylor Could you add some screenshots to this issue?

@BryceLTaylor
Copy link
Contributor

Somewhere I remember someone saying that they just just the checkmark emoji for that image. I'm not sure if it was a joke or not. It would definitely explain the inconsistency.

Chrome on Mac:
checkchromemac
Chrome on Windows:
checkchromewindows
Firefox on Mac:
checkfirefoxmac
Firefox on Windows:
checkfirefoxwindows
Safari on Mac:
checksafarimac
Edge on Windows:
checkedgewindows

@BryceLTaylor BryceLTaylor removed their assignment Aug 21, 2018
@thisandagain thisandagain modified the milestones: September 2018, Backlog Oct 5, 2018
@apple502j
Copy link
Contributor

This was fixed by using SVG. If it's not solved yet, please give me a screenshot.

@carljbowman
Copy link
Contributor

It looks like the check mark is rendering consistently, but the positioning still feels a bit wonky across browser. Chrome looks good, but other browsers have some offset issues.

Safari
Offset to the bottom left
screen shot 2018-10-29 at 9 28 19 am

Firefox
Slightly offset to the top right
screen shot 2018-10-29 at 9 27 59 am

Chrome
Looks good. Including as a reference.
screen shot 2018-10-29 at 9 30 44 am

@bruh-9000
Copy link

It could be replaced with an svg maybe? That way it is uniform across all browsers, rather than using a Unicode character.

@mxmou
Copy link
Contributor

mxmou commented Apr 10, 2024

It could be replaced with an svg maybe? That way it is uniform across all browsers, rather than using a Unicode character.

The checkmark has already been replaced with an image, but its position still isn't consistent on different browsers.

@bruh-9000
Copy link

Ah, I see.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

7 participants