Code Monkey home page Code Monkey logo

Comments (7)

moraghughson avatar moraghughson commented on June 15, 2024

One small improvement I noticed after opening this issue is that if you add a style to details with display: block, it improves the first level of nesting. So something like this in the injectStyle - line 2 is the new line :-

injectStyle('details-polyfill-style',
  'html.no-details ' + DETAILS + ' { display: block; }\n' +
  'html.no-details ' + DETAILS + ':not([open]) > :not(' + SUMMARY + ') { display: none; }\n' +
  'html.no-details ' + DETAILS + ' > ' + SUMMARY + ':before { content: "\u25b6"; display: inline-block; font-size: .8em; width: 1.5em; }\n' +
  'html.no-details ' + DETAILS + '[open] > ' + SUMMARY + ':before { content: "\u25bc"; }' )

from details-polyfill.

rstacruz avatar rstacruz commented on June 15, 2024

Thanks for the report! I'm not sure how to address this either but a PR would be appreciated.

There are other details polyfills out there to also try in case this one doesn't fit your use case.

from details-polyfill.

moraghughson avatar moraghughson commented on June 15, 2024

I will look into making a Pull Request (PR). I am a new Git Hub user so bear with me!

from details-polyfill.

moraghughson avatar moraghughson commented on June 15, 2024

Ok, I think I have done what you meant. To create a Pull Request, I first had to make the change to index.js in a clone and then do a Pull Request on that. I cannot for the life of me work out how to link the Pull Request to this Issue though. Help docs suggests I can do so, but the button it suggests I click just doesn't exist. Perhaps it is something that must be done by someone with write access to this repository, which I do not have. Do let me know if I have not done it right. First time in :-)

from details-polyfill.

moraghughson avatar moraghughson commented on June 15, 2024

Hi @rstacruz - I see this is still open. Is that because I haven't put it into the correct state? As I said, I am a new user on GitHub, so I may have missed some step in the process that comes naturally to you. In case it is not clear, I have made the change required and am ready for this to be merged in. Can you let me know if this branch is not in the correct state to merge in. Thanks.

from details-polyfill.

rstacruz avatar rstacruz commented on June 15, 2024

I just merged it - sorry been a bit busy lately. I've published your changes as 1.2.0. :)

from details-polyfill.

moraghughson avatar moraghughson commented on June 15, 2024

Thank you. I was concerned that I hadn't done something. Thank you so much for your help. Great to learn how all this process stuff works. Cheers!

from details-polyfill.

Related Issues (11)

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.