Dark mode toggle with a good animation has been added. Its applications in the site can easily be changed by simply editing css in future. Please merge it under hacktoberfest-accepted.

Issue no. #20

Hi @LunarMarathon

What about adding the project contributor's details in footer of readme file??? Please assign me for this issue . I want to work on it. Hope you will like it.🙂

In the above Image I think there should be a condition given that when any one of the two input are kept empty then it should give a alert message. As we see in the above image the input field when are kept empty and we generate table then it puts empty columns. So I feel this needs to be fixed. Let me know what you think about it.

Kindly assign me this issue.

Even after a clear screen, the div is there we can remove it after clicking on the clear screen and I can improve the button styling Please assign this issue to me @LunarMarathon

Added alert for searchtable function. When user keeps input1 empty it will show alert as you mentioned in previous issue. Let me know if any changes required

I have made a styled alert when any one of the input empty it will give a alert when user wants to createtable.

I have also added dark mode to it . We can change the color let me know if its okay or not.

Fixed the issue of Two input field should not be empty while generating table #33

Kindly accept the PR changes .

Describe the bug When switching to dark mode, text inputs are not readable (because of the lack of color contrast).

To Reproduce Steps to reproduce the behavior:

1. Go to 'Graph to table'
2. Write any text inside any text input
3. Switch to dark mode (if you're not already)
4. The text inside the inputs isn't readable

Expected behavior I expect to read clearly the text inside the text inputs even in dark mode.

Screenshots

Desktop (please complete the following information):

• Browser: Google Chrome (106.0.5249.119)

• [ ] heading -> center (thought it was already done sometime back)
• [ ] scroll down btn
• [ ] add btn (just adding nodes w/o display) instead of generate btn (functions like display)
• [ ] edit and del changes appear only on clicking generate btn after edit/del and gen requires i/p each time (alert for add, remove alert for generate)
• [ ] change the name from generate to display if needed after all changes
• [ ] preview of table to be imported (add a diff btn), option to append existing table/overwriting existing table(/add new rows only?)
• [ ] gen needs to be clicked to show changes after min, max nodes sort too

I had an idea that after two inputs fields are done then when user is at second field the user can click enter button on keyboard and automatically the generate table function will be called . Like for example when we enter our username and password on any website login so after user clicks the next btn is automatically called just like that.

Let me know if this feature is needed or not I would start working accordingly.

Describe the bug The text content is taken to create the id for the row. And again the content is matched with id to scroll to that row. So when 'Climate change' is added (this is just one i/p), the id becomes Climate and then Climate change doesn't get matched with Climate so the click doesn't work or goes to the top of the screen.

It needs to be fixed such that the id is different when another word starting with climate is added (id can't be climate for both) as well. So it's better to use the whole word separated by underscore for id and the space b/w the words can be replaced with underscore and matched (The i/p remains the same, w/o underscore)

Is your feature request related to a problem? Please describe. ex: Once I click 'Arctic,' say, I wish to go back to 'Oceans' but the node is somewhere far in the row, it'll require some time to find it. A keyboard shortcut (left arrow) would make it a lot easier to navigate

Right now, the hyperlinks work to go to the position of the key row but if the back shortcut is able to go back to the 'Arctic,' node of 'Oceans' row (Going back to exact node and not just the row), that would be a bonus

Describe the solution you'd like Described above

Describe alternatives you've considered Search can't be used to click back to 'Oceans' row

Describe the bug

To Reproduce Steps to reproduce the behavior:

1. Go to 'https://graphtotable.netlify.app/'
2. Click on 'inspect and open the devtools'
3. shrink the screen
4. See error

Screenshots

it will be a pleasure for me to fix it and an opportunity to improve my CCS skills !

Created a chrome extension for GraphToTable. Since the project was written in vanilla HTML and CSS not much needs to be done to make a Chrome extension. If you have difficulty getting the chrome extension to work: just go to the manage extension setting on chrome and select the "load unpacked" option then select the "graphToTable" folder of this GitHub repo. This will load the chrome extension. Sadly I couldn't get the buttons to work (I will look into it further . Help would be appreciated ) . Looks good to me for the first iteration :)