search

phetsims / paper-land

Build and explore multimodal web interactives with pieces of paper!
https://phetsims.github.io/paper-land/
MIT License
10 stars 1 forks source link

Make floating button for Add Component/Save Changes #145

Closed brettfiedler closed 7 months ago

brettfiedler commented 8 months ago

The Add/Edit Component (soon to be Save Changes #143 ) is often overlooked since it is farther down the form and past sometimes optional content. Let's see about adding a floating button in react.

If this is too much work or doesn't behave great, we'll see about changing the behavior of Save Project.

jessegreenberg commented 8 months ago

This was pushed to the dev branch. It doesn't look wonderful, but hopefully it helps!

image

@brettfiedler does this seem OK, any design requests or anything that would make this button stand out more?

brettfiedler commented 8 months ago

I think the biggest design need here is for us to pick a better color scheme 😄 At the very least we need a third "accent" color. Might think about leaning into darker shades of the "dot colors"

image

Let me think about this and get back to this.

In the meantime, maybe we make the button just a hair bigger? Maybe a 25% increase overall?

jessegreenberg commented 8 months ago

OK! The button is 25% larger. Back to you for next steps or if we should make a new issue for a new color profile!

jessegreenberg commented 8 months ago

This was merged into main.

brettfiedler commented 7 months ago

Button is a good size and the floating works well. Colors are for another issue.