Giter Club home page Giter Club logo

Comments (15)

Andrews54757 avatar Andrews54757 commented on June 3, 2024 1

Yeah, thats true. I forgot

from makegithubgreatagain.

mscdex avatar mscdex commented on June 3, 2024

I was just about to post this.... it looks like they're now nesting the header. The selector should now instead be something like body > div > .header or perhaps body div.header.

from makegithubgreatagain.

Andrews54757 avatar Andrews54757 commented on June 3, 2024

Its body > div > .header (https://developer.mozilla.org/en-US/docs/Learn/CSS/Introduction_to_CSS/Combinators_and_multiple_selectors)

from makegithubgreatagain.

jackwilsdon avatar jackwilsdon commented on June 3, 2024

Would it not be better just making it .header, effectively future proofing this from changes in the HTML layout?

from makegithubgreatagain.

thepixelmonk avatar thepixelmonk commented on June 3, 2024

Perhaps an extension option to customize the selector?

from makegithubgreatagain.

jackwilsdon avatar jackwilsdon commented on June 3, 2024

I'd say that absolutely referencing the element is not a good practice, as it's better to have "modular" CSS and nothing else on the page has the .header class.

from makegithubgreatagain.

jackwilsdon avatar jackwilsdon commented on June 3, 2024

How would that work exactly? The only way you can reliable detect the header is by using the .header class (or other classes pertaining to the header), so I don't see why we don't just go for .header on it's own.

from makegithubgreatagain.

jackwilsdon avatar jackwilsdon commented on June 3, 2024

If you publish using the Chrome Developer Dashboard, you can ignore this page.

And this extension is published using the dashboard, so I don't see what your point is?

from makegithubgreatagain.

Andrews54757 avatar Andrews54757 commented on June 3, 2024

Maybe another method to access .header should be used. GitHub could patch the extension by just renaming the class. However, certain things about the header are constant, they dont change.

from makegithubgreatagain.

jackwilsdon avatar jackwilsdon commented on June 3, 2024

I doubt they'll rename the .header class, it's a sensible name for it. They've kept it when doing the styling changes so I don't see why they'd change it again. I guess you could look it up by it's banner role too.

from makegithubgreatagain.

Andrews54757 avatar Andrews54757 commented on June 3, 2024

Mark Otto seems to be feisty about it though. (https://twitter.com/mdo/status/830138373230653440)

from makegithubgreatagain.

jackwilsdon avatar jackwilsdon commented on June 3, 2024

Yeah I get that, but the current class is sensible and hasn't changed even with all of the changes they've implemented. Having a more vague selector means we don't need to change the extension when (minor) HTML changes are made.

from makegithubgreatagain.

Andrews54757 avatar Andrews54757 commented on June 3, 2024

Okay. Also, maybe this project should port to stylus (https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne). This is because GitHub is going to change more stuff that we might not like, and it would be harder for this project if it is a standalone extension.

from makegithubgreatagain.

Andrews54757 avatar Andrews54757 commented on June 3, 2024

https://github.com/StylishThemes/GitHub-Dark uses it

from makegithubgreatagain.

DennisSnijder avatar DennisSnijder commented on June 3, 2024

Fixed now, chrome extension store update coming soon!

from makegithubgreatagain.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.