question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

GitHub Design & Repository Refresh

See original GitHub issue

Github has a new Design and Repository Refresh in feature preview. To support it, making the following change works:

https://github.com/brumm/tako/blob/e981f7845960def9fd6ead2870518742be32bd65/src/constants.js#L1

-  export const MOUNT_SELECTOR = 'table.files'
+  export const MOUNT_SELECTOR = '.Details [role="grid"]'

It seems like GitHub has done away with the table and now uses plain divs. Unfortunately, there isn’t a clear selector that we can use to target the files list, and I’m not sure how reliable the solution above is. Possibly, aria-labelledby="files" can also be used or a selector with .parentElement, but this needs to be investigated.

Also, the design refresh has updated the icons, so those will have to be updated as well.

Refresh Refresh + Tako
Screenshot of GitHub design and repository refresh. Screen Shot of GitHub design and repository refresh with Tako

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:8 (5 by maintainers)

github_iconTop GitHub Comments

2reactions
brummcommented, Jun 23, 2020

Oh neat, I’ll check and push out the release soon. Thanks for checking!

Philipp Brumm - Chat @ Spike [kdo99]

1reaction
brummcommented, Sep 20, 2020

Finally found some time to look at this, and just submitted new versions to both the Firefox and Chrome extensions stores. Should update in 24hrs-ish. Let me know if anything breaks!

Read more comments on GitHub >

github_iconTop Results From Across the Web

Design updates to repositories and GitHub UI
Today we've launched a refresh to the design of GitHub UI, and layout changes to your repository homepage. We hope these changes improve ......
Read more >
`more-dropdown` compatibility with "Repository refresh" design
GitHub's selectors are "live", so new elements are automatically picked up. I looked into it just now and it looks somewhat possible: The...
Read more >
GitHub's new repository homepage design: Give us ... - ZDNet
According to GitHub, the general UI refresh to the home page of repositories provides a more responsive layout and an improved mobile web ......
Read more >
Git 07: Updating Your Repo by Setting Up a Remote
Step 1: Get Central Repository URL · Step 2: Add the Remote · Step 3: Update Local Repo · Step 4: Complete the...
Read more >
Why does my GitHub page not update its content?
I was pushing commits to the correct GitHub branch but not seeing the updates on ... In your repository, click on Settings, scroll...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found