chrome-another-tab icon indicating copy to clipboard operation
chrome-another-tab copied to clipboard

Add a setting page

Open mmazzarolo opened this issue 6 years ago β€’ 17 comments

Creating a setting page would allow us to build more toggable features without worrying about where to put the toggle itself. E.g.: hide/show header, disable animations, etc...

mmazzarolo avatar Jan 13 '19 14:01 mmazzarolo

That looks easy enough with storage.sync Chrome API. Any UI guidelines?

dkozickis avatar Jan 15 '19 12:01 dkozickis

That looks easy enough with storage.sync Chrome API. Any UI guidelines?

Well, since it was already discussed in the #5 , what about something like Momentum?

screenshot 2019-01-15 14 47 03

We can start easier, maybe by placing a "cog" icon in the header and then showing the setting at the center (covering the bookmarks).
Let me know if I can help on it.

P.S.: This weekend I'll probably tackle #6 , try to move the repo to an organization (I can add you as a collaborator if you want) and release an update.

mmazzarolo avatar Jan 15 '19 13:01 mmazzarolo

Right, let me see what can I come up with. I'd definitely be honored to be a Collaborator on this one :+1: I'll try to live up to the role too. Between debugging my two sons and main work...

dkozickis avatar Jan 15 '19 14:01 dkozickis

I'll try to live up to the role too. Between debugging my two sons and main work...

Don't worry, it's just a way to not be the only one able to approve/check PR. You can stop contributing whenever you want πŸ‘Œ

I'm working on it on my free time (only in the weekends too) but I don't have children yet so you'll probably be way more busy than me 😁

mmazzarolo avatar Jan 15 '19 18:01 mmazzarolo

Hey! I'm still "on it", just didn't have time to finish over the weekend. Opened up the code, refactored here, refactored there, in the end didn't have time to introduce new functionality :D I'm planning on writing own modal, but if you want me just to use react-modal (it will be 100% accessible then, as opposed to my, possibly, less accessible code). LMK!

dkozickis avatar Jan 21 '19 16:01 dkozickis

@dkozickis no worries! Please notice that I had to do a major refactor to implement the bookmarks sorting.

mmazzarolo avatar Jan 21 '19 17:01 mmazzarolo

Looks like bookmarks ordering went a bit kawabanga again. I'm having a week in between jobs this week, I'll try to attend to this one and "that" one.

dkozickis avatar Jan 26 '19 09:01 dkozickis

Looks like bookmarks ordering went a bit kawabanga again. I'm having a week in between jobs this week, I'll try to attend to this one and "that" one.

πŸ€” what do you mean? From my testing now both the bookmarks and folders order is working (you might wanna build the extension to make sure the bookmark sorting is working, the fixture might not be 100% correct). Let me know if you see any issue and I'll try to address that! πŸ‘

mmazzarolo avatar Jan 26 '19 15:01 mmazzarolo

@mmazzarolo @dkozickis is this still in development? If so happy to help out on it if needed.

ONeill45 avatar Feb 25 '19 20:02 ONeill45

Don’t know, @dkozickis ?

mmazzarolo avatar Feb 25 '19 21:02 mmazzarolo

@mmazzarolo I'm sorry, I can't find time (or collect my mind) to properly sit down with this. @ONeill45 please go ahead if you wish πŸ‘

dkozickis avatar Feb 26 '19 08:02 dkozickis

@dkozickis @mmazzarolo great, i'll start in on this.

ONeill45 avatar Feb 26 '19 14:02 ONeill45

@ONeill45 awesome! I'd suggest to work on it gradually sto that we can help you out with it and add feedback on both the UI and the code πŸ‘

mmazzarolo avatar Feb 26 '19 15:02 mmazzarolo

@mmazzarolo Agreed! Gonna start with getting the modal set up and we can go from there.

ONeill45 avatar Feb 26 '19 15:02 ONeill45

@mmazzarolo Here's where I'm at thus far. Added in a styled modal using a wrapped react-modal component along with styled components. Here's a small demo:

2019-03-05 12 20 34

I mapped the modal to the theme as well and added "modalBackground" so the modal stays consistent with the theme. I used the colors show for demonstration purposes only.

What are your thoughts so far? And any suggestions for the best color to use on each theme? Color has never been my strong suit.

ONeill45 avatar Mar 05 '19 17:03 ONeill45

@ONeill45 if you want you can submit a PR (just write "WIP" in the title) so that I can add comments in the code as well.

About the color... that's tricky, because we might wanna use a variation of the current theme color and work on its opacity. Maybe we can start with just a dark one (like in the screenshot at the start of the thread)? What do you think?

And thanks! πŸ™

mmazzarolo avatar Mar 05 '19 17:03 mmazzarolo

@mmazzarolo will do!

I actually took another look at Momentum and noticed the opacity so I think that's a great start. I'll adjust before I submit the PR

ONeill45 avatar Mar 05 '19 20:03 ONeill45