Skip to content

Conversation

@cheap-glitch
Copy link
Contributor

@cheap-glitch cheap-glitch commented Feb 24, 2021

  1. LINKED ISSUES:
    Replaces and closes Fix first-published-tag-for-merged-pr selector #4017
    Fixes align-issue-labels is broken #4026
  2. TEST URLS:

GitHub changed some class names related to links, which broke a few features:

  • .muted-link.Link--muted (clean-repo-sidebar, convert-pr-to-draft-improvements)
  • .link-gray.Link--secondary (parse-backticks, easier-pr-sha-copy)
  • .link-gray-dark.Link--primary (parse-backticks, first-published-tag-for-merged-pr)
  • .text-gray.color-text-secondary (align-issue-labels, pr-approvals-count, center-reactions-popup, and probably others)
  • .text-gray-dark.color-text-primary (clean-dashboard, parse-backticks)

@cheap-glitch cheap-glitch changed the title Fix changed .muted-link class Update .muted-link class Feb 24, 2021
@yakov116
Copy link
Member

@fregante what do we do about GHE?

@yakov116 yakov116 added the bug label Feb 24, 2021
@busches
Copy link
Member

busches commented Feb 24, 2021

@fregante what do we do about GHE?

You can see if someone with the new layout can test, otherwise these appear to be "clutter" cleanup features and they won't work. I am personally not as concerned with those breaking and focus more on the new features we add.

@cheap-glitch
Copy link
Contributor Author

cheap-glitch commented Feb 24, 2021

Ah yes, forgot about GHE. As I said in my PR most of those we can leave as is without breaking anything (for now), and for the two features that are actually affected I guess we can do something like

select('.muted-link, .Link--muted');

@fregante
Copy link
Member

Thankfully it’s as easy as using both classes. Only the clean repo sidebar selector is going to be a little longer.

@fregante fregante changed the title Update .muted-link class Fix several features that depended on a specific class Feb 24, 2021
@fregante
Copy link
Member

It still makes sense to use both classes in our markup, don’t undo that part

@cheap-glitch cheap-glitch changed the title Fix several features that depended on a specific class Fix several features that depended on a specific classes Feb 25, 2021
@cheap-glitch cheap-glitch changed the title Fix several features that depended on a specific classes Fix several features that depended on specific classes Feb 25, 2021
@yakov116
Copy link
Member

if only we could use :has() 😞

Copy link
Member

@fregante fregante left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Unverified but the code looks good so far. Maybe we can wait a couple more days to see if there are any new classes that need to be changed.

@cheap-glitch
Copy link
Contributor Author

Another class seems to have changed: .text-gray became .color-secondary-text in some places (but not everywhere).

I've already fixed pr-approvals-count and align-issue-labels that depended on it (messed up my commit message, it should say "text-gray" instead of "link-gray"), but there are other features that may be affected and that I'm not very familiar with.

@fregante
Copy link
Member

Are you saying this PR fixes #4026?

@cheap-glitch
Copy link
Contributor Author

Are you saying this PR fixes #4026?

Yep

@fregante
Copy link
Member

fregante commented Feb 26, 2021

if only we could use :has() 😞

Hey, we can! 🎉 https://developer.mozilla.org/en-US/docs/Web/CSS/:is

Screen Shot 2

We just need to update the minimum versions in the manifest

@fregante
Copy link
Member

Possibly unrelated to this PR, but might also need class changes:

Are you also seeing these issues? (align-issue-labels is disabled)

  • "Approved" isn't colored
  • We have a feature that adds duplicate checkboxes

Screen Shot 4

@cheap-glitch
Copy link
Contributor Author

Are you also seeing these issues?

  • "Approved" isn't colored
  • We have a feature that adds duplicate checkboxes

First one (pr-approvals-count) is already fixed. I'm not seeing the other.

@cheap-glitch
Copy link
Contributor Author

@fregante I'm seeing .link-gray in easier-pr-sha-copy.css but I can't figure out what it's supposed to target. Is this feature still relevant? Not seeing any SHAs on the PRs list page.

@fregante
Copy link
Member

It’s worth checking out its blame to understand it

@fregante
Copy link
Member

fregante commented Feb 27, 2021

Let me know when you think you're done on this PR, I'd like to merge this soon (ideally together with the batch-open-conversations fix)

@fregante fregante merged commit aae2e35 into refined-github:main Feb 27, 2021
@fregante
Copy link
Member

🙌

Merging for the time being because I keep seeing bugs and I don't if this already fixed them.

@fregante
Copy link
Member

fregante commented Feb 27, 2021

There are definitely more instances of text-gray and others, an additional global search/replace should fix more issues, including the duplicate checkboxes.

@cheap-glitch cheap-glitch deleted the fix-muted-link-class branch February 28, 2021 07:04
@cheap-glitch
Copy link
Contributor Author

cheap-glitch commented Feb 28, 2021

There are definitely more instances of text-gray and others

I'm aware, but I didn't want to blindly search & replace every instance seeing as there's still some .text-gray classes in the DOM (e.g. pinned issues), and that this affects features I'm not familiar with.

@fregante
Copy link
Member

fregante commented Feb 28, 2021

No worries, thanks for the detailed PR, it will be useful when blaming these changes 🙌

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

Labels

Development

Successfully merging this pull request may close these issues.

align-issue-labels is broken

4 participants