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

(GitHub Toggle Expanders) When the content is expanded, the expander () to become dimmed/grayed out #135

Closed
darkred opened this issue Feb 10, 2021 · 2 comments

Comments

@darkred
Copy link
Collaborator

darkred commented Feb 10, 2021

Hi there @Mottie

It's a feature request about the 'GitHub Toggle Expanders' script:
when any expander () is clicked (i.e. either manually by the user or via the script's functionality) and the content is expanded, the relevant expander to become dimmed/grayed out.

I wanted to make this request since forever, but hesitated to ask because the cause is the GitHub layout itself:
currently, when clicking an expander and the content becomes expanded, there's no difference in the expander appearance, and so you can't distinguish the expand status by looking at the expander :

screenshot comparison

(using the 'GitHub Dark' style) -the same with GitHub's own dark/light themes -

2021-02-10_201041

2021-02-10_200921

Thank you

@Mottie
Copy link
Owner

Mottie commented Feb 10, 2021

There really isn't much I can do within the userscript to fix this without messing up the color theme... If you're using the Stylus extension, you could create a GitHub auxillary style and include the following:

.Details--on .ellipsis-expander {
  background: var(--color-scale-blue-2);
}

Adjust the color as desired.

@darkred
Copy link
Collaborator Author

darkred commented Feb 11, 2021

Thanks a lot! It works great!

@darkred darkred closed this as completed Feb 11, 2021
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

2 participants