Add copy icon to code examples #4355
Conversation
Fixes nightwatchjs#4350 Add a copy icon to code usage examples for better user experience. * Modify `api/README.md` to include a copy icon for each code example box. * Add a JavaScript function in `api/README.md` to handle the copy action. * Add a CSS class in `api/README.md` for the copy icon styling. * Modify `examples/test-app/index.html` to include a copy icon for each code example box. * Add a JavaScript function in `examples/test-app/index.html` to handle the copy action. * Add a CSS class in `examples/test-app/index.html` for the copy icon styling.
|
Hello! @deepan190703 , I am new to open source contributions and I noticed that you resolved a particular issue. I’m trying to work on this for practice, but I’m struggling to understand it. I couldn’t find the relevant HTML code, and I’m also unsure how to run it locally in the browser. I asked ChatGPT for help, and it mentioned that Nightwatch is primarily used for testing. So my question is: How can I update the copy button and see the changes, given that there’s no option for it? Any advice you could share from your busy schedule would be greatly appreciated. Thank you in advance for your help! |
|
@AbhayPundora @deepan190703 The website code is present in https://github.com/nightwatchjs/nightwatch-docs and these changes should also be made there. Closing this PR. |
Fixes #4350
Add a copy icon to code usage examples for better user experience.
api/README.mdto include a copy icon for each code example box.api/README.mdto handle the copy action.api/README.mdfor the copy icon styling.examples/test-app/index.htmlto include a copy icon for each code example box.examples/test-app/index.htmlto handle the copy action.examples/test-app/index.htmlfor the copy icon styling.