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
@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.

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.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

8 participants