Bloggify/github-calendar

Contributions showing as text, not squares

Closed this issue · 10 comments

Hi,

This issue was first noticed on Tabliss which depends on github-calendar. The contributions should be grey/green squares but appear as text.

image

I have the same problem. Thought it might have been caused by my updating to Windows 11, but it seems to be a new issue.

Same issue here, also coming from Tabliss. Looks like it's coming from the hover text seen on the official page.

Github Calendar

Same issue on Firefox, Edge and Safari.

Same issue with Windows 10 + Google Chrome.

Same issue. Macbook & Iphone + Opera & Chrome.

I can't dig into it more right now, but to give somebody else a jump start:

It looks like this script fetches the information from this proxied location: https://api.bloggify.net/gh-calendar/?username=Jwashton

And it looks like the script is expecting that response to contain an SVG, but it now contains an HTML table.

This means that a couple different things go wrong: in the browser console I get a TypeError: svg is null and in the CSS some critical selectors don't match because they're looking for rect.class instead of td.class.

Here's one potential fix for the CSS issues from @polypoyo .

I hope that there will be a hotfix in this repository soon 🙏 🤞

Sorry for the delay on solving this. This is finally fixed. 🎉

@IonicaBizau Just want to be sure, at least for me it looks not to be fully fixed yet:

  • cells are colored, but no frame around each cells as before (see above)
  • counters seem to be broken too
    grafik

Also, when minimized, the week day labels intersect with the cells:
grafik

In the minimized view, could you please also make the thumb element in horizontal scrollbar starting from the right side to show the latest contributions? Currently, the thumb starts from the left side, showing the latest contribs:
grafik

It would be better if the thumb could start from the right side, showing the most recent contribs:
grafik

Also, in dark mode setting in the browser, the global_stats labels stay black:

White mode:
grafik

Dark mode:
grafik

Please also see your example in action