Skew appearance of progress bar Windows 10?

athul / waka-readme

Wakatime Weekly Metrics on your Profile Readme.

https://github.com/athul

MIT License

1.56k stars 302 forks source link

Skew appearance of progress bar Windows 10? #56

Closed spencer741 closed 3 years ago

spencer741 commented 3 years ago

Not sure if this is happening to anyone else when viewing in either firefox or chrome browsers on Windows 10, there appears to be a weird skew happening. Capture

@athul ... It appears this way for the graph in your profile as well.

I have restarted both browsers and my machine.. I know I just updated windows last night.

Edit: It is rendering correctly on firefox and chrome on Mac OSX, but not on either browser since the new Windows 10 update...

Can anybody confirm this behavior?

spencer741 commented 3 years ago

I just realized this is an issue in issue #36 and #20 ... Does anybody have a clue as to what might be causing this behavior so we can resolve the bug upstream in the browsers or OS? Seems like a fair amount of people are/were having this issue.

spencer741 commented 3 years ago

@smartuil Did you ever find a resolve to this?

athul commented 3 years ago

Hey @spencer741 This seems to be an issue only limited to Windows 10 devices. Possibly a rendering issue. One way you could tackle this issue would be to use another text/blocks like this

- uses: athul/waka-readme@master
        with:
          WAKATIME_API_KEY: ${{ secrets.WAKATIME_API_KEY }}
          BLOCKS: ⣀⣄⣤⣦⣶⣷⣿

Ref: https://github.com/athul/waka-readme#extras

spencer741 commented 3 years ago

Thanks for the insight. I just spent an hour or so testing how UniCode is rendered in GH markdown on Windows 10 vs Mac OSX. Some very interesting differences. It has to be how Windows 10 interprets unicode vs Mac, although pasting unicode chars into notepad and textedit don't seem to differ all that much... kind of confusing if you ask me.

I will go ahead and close this issue.

refs: https://www.fileformat.info/info/unicode/char/2591/index.htm https://www.unicode.org/charts/PDF/U2580.pdf

Curtion commented 2 years ago

I found that this problem occurs when using preand code tag in github, Maybe can use the table tag to solve this problem。 Here's a way to display it correctly, although it changes the style

old new

But, Can't contribute healthy code as I don't use python.

Code I tested: https://github.com/Curtion/waka-readme/blob/master/main.py

yozachar commented 2 years ago

Apparently this happens on Firefox on Arch Linux too. Hence https://github.com/athul/waka-readme/issues/20#issuecomment-683664322 is apt.

yozachar commented 2 years ago

I found that this problem occurs when using preand code tag in github, Maybe can use the table tag to solve this problem。 Here's a way to display it correctly, although it changes the style

...

But, Can't contribute healthy code as I don't use python.

Code I tested: https://github.com/Curtion/waka-readme/blob/master/main.py

@Curtion, I'm afraid <table> won't help either...

Firefox

Brave