Skip to content
This repository was archived by the owner on Jul 19, 2021. It is now read-only.

Update settings for header section #198

Merged
merged 3 commits into from
Jul 14, 2017
Merged

Update settings for header section #198

merged 3 commits into from
Jul 14, 2017

Conversation

t-kelly
Copy link
Contributor

@t-kelly t-kelly commented Jul 13, 2017

What are you trying to accomplish with this PR?

Fixes #172

For maintainers:

  • I have 🎩'd these changes.
  • I have bumped the package.json version in a separate PR, if applicable.

Copy link
Contributor

@chrisberthe chrisberthe left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Works well - with my square image though it caps out. You'll need to add width: 100% on the image for it to scale properly.

image

"min": 50,
"max": 450,
"step": 8,
"unit": "px",
"label": "Custom logo width (in pixels)",
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Units are there, so no need for (in pixels).

"id": "logo_max_width",
"min": 50,
"max": 450,
"step": 8,
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Is 8 a generic value you chose or one of our standards now?

Copy link
Contributor Author

@t-kelly t-kelly Jul 14, 2017

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Is there another theme that is using the range selector for the logo yet? My logic was (450 - 50) = 400 / 8 = 50px increments

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

No, it seems like there aren't any yet for headers. I understood how you got 8 but was just wondering if we had established a pattern for this. Bump it to 10? 😛

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Sure 👍

@t-kelly
Copy link
Contributor Author

t-kelly commented Jul 14, 2017

You'll need to add width: 100% on the image for it to scale properly.

Do we want to stretch the logo? Isn't that what would happen if we added width: 100%;?

@chrisberthe
Copy link
Contributor

Not sure, realistically we wouldn't want to stretch the image. I just found it weird that with a smaller image it caps out at its actual width even if I'm selecting "400px". I'd be curious what others think.

@t-kelly
Copy link
Contributor Author

t-kelly commented Jul 14, 2017

I'd be curious what others think.
@NathanPJF @MaxMusing @huguestennier ^^^

@huguestennier
Copy link
Contributor

huguestennier commented Jul 14, 2017

I feel like we should let it resize bigger even if it gets blurry because I wouldn't want the range slider to not work at some value since the image has a max-width.

The merchant can always upload a better image.

@t-kelly t-kelly merged commit 06a421e into 0.11.0 Jul 14, 2017
@t-kelly t-kelly deleted the update-settings branch July 14, 2017 19:13
@lock
Copy link

lock bot commented Oct 26, 2018

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

@lock lock bot locked as resolved and limited conversation to collaborators Oct 26, 2018
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants