Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[PWA-623]: Update Venia's inputs #2510

Merged
merged 84 commits into from Jul 14, 2020

Conversation

anthoula
Copy link
Contributor

@anthoula anthoula commented Jun 24, 2020

Description

Adjust input styles to match the new design

Related Issue

https://jira.corp.magento.com/browse/PWA-623

Acceptance

  • Verify inputs are updated throughout the app
  • Ensure there is no broken functionality with the styling change

Verification Stakeholders

@soumya-ashok
@jimbo
@dpatil-magento

Specification

Verification Steps

  1. Navigate around the app following all known user flows
  2. Verify all inputs previously present are present and work
  3. Verify all inputs are positioned and relevant labels are readable

Screenshots / Screen Captures (if appropriate)

Checklist

  • I have added tests to cover my changes, if necessary.
  • I have updated the documentation accordingly, if necessary.

anthoula and others added 30 commits June 9, 2020 15:31
- copy tokens to `venia-ui`
- move index.css to `venia-ui`
- update global vars and move to tokens
- update custom property name references
- update serif font fallback value
- update @font-face weights in templates
- add serif @font-face in templates
# Conflicts:
#	packages/venia-concept/template.html
#	packages/venia-ui/lib/components/Footer/footer.css
#	packages/venia-ui/templates/default-font-include.mst
- use absolute paths to import `venia-ui` in `venia-concept`
- update existing CSS custom properties to use the new values
- use functional color notation
- Update hover state to new colors
- Fix various buttons throughout site
- Fix estimate shipping info inconsistencies
# Conflicts:
#	packages/venia-ui/lib/tokens.css
- Update filter and sort buttons
- Make icons the same color in account area
- Fix shipping estimate button
- update style for text inputs
- update icon size within text inputs
# Conflicts:
#	packages/venia-ui/lib/components/Button/button.css
#	packages/venia-ui/lib/components/Checkout/flow.css
#	packages/venia-ui/lib/components/MiniCart/emptyMiniCartBody.css
#	packages/venia-ui/lib/components/ProductSort/productSort.css
#	packages/venia-ui/lib/components/SignIn/signIn.css
#	packages/venia-ui/lib/tokens.css
- update style for search input with autocomplete dropdown
- Update usage of rgba with var usage
- Fix flex- usage
jimbo
jimbo previously approved these changes Jul 13, 2020
tjwiebell
tjwiebell previously approved these changes Jul 13, 2020
Copy link
Contributor

@tjwiebell tjwiebell left a comment

Choose a reason for hiding this comment

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

Tiny console.log needs removed, but this is approved 👍

packages/venia-ui/lib/components/TextInput/textInput.js Outdated Show resolved Hide resolved
Co-authored-by: Tommy Wiebell <twiebell@adobe.com>
@anthoula anthoula dismissed stale reviews from tjwiebell and jimbo via fd1660b July 14, 2020 13:08
@dpatil-magento
Copy link
Contributor

@jimbo we see minor issue in Android device where Radios in Qty drop down, County/State in shipping form dropdown does not look same as rest of site. But its very specific to how android handles it, iOS don't have issue as there is no Radios on these fields. Does this needs to be handled?

cc @anthoula

image

@jimbo
Copy link
Contributor

jimbo commented Jul 14, 2020

@jimbo we see minor issue in Android device where Radios in Qty drop down, County/State in shipping form dropdown does not look same as rest of site. But its very specific to how android handles it, iOS don't have issue as there is no Radios on these fields. Does this needs to be handled?

cc @anthoula

image

That's working as intended. No fix necessary. 👍

@dpatil-magento
Copy link
Contributor

QA Approved.

@m2-community-project m2-community-project bot moved this from Review in Progress to Reviewer Approved in Pull Request Progress Jul 14, 2020
@dpatil-magento dpatil-magento merged commit c0ddb7d into magento:develop Jul 14, 2020
@m2-community-project m2-community-project bot moved this from Reviewer Approved to Done in Pull Request Progress Jul 14, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
pkg:venia-ui version: Minor This changeset includes functionality added in a backwards compatible manner.
Development

Successfully merging this pull request may close these issues.

None yet

8 participants