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

[instant] Viewport specific errors #1228

Merged
merged 20 commits into from
Nov 8, 2018

Conversation

steveklebanoff
Copy link
Contributor

Description

This PR changes the way in which we display errors based on if you are on a small screen (mobile) or if you are on a larger screen (assuming desktop):

A few notes about things which could be improved, but are turning out to be a hassle, and perhaps could wait for a cleanup task, esp. since this branch has taken a while to get in it's current state:

  • I don't like how I'm sending in the position on the animation TransitionInfo. It feels as though this should be sent in as a separate prop, as it always is the same between the starting and ending transition. Although, this leaves flexibility to transition to different positions.
  • I wanted to be able to keep the z-index set on containers, and not animations, but without z-index inheriting from it's parent I couldn't get this to work right now
  • Adding right and left padding to the mobile error isn't working on first pass, as it also needs to have width: 100%;

I have another branch which I need to merge into this (or create a separate PR) which handles the dismissible overlay on mobile.

⚠️ There are a lot of experimental WIP commits in this branch, I'd like to squash upon merging ⚠️

Desktop:

desktop

Mobile:

mobile

Testing instructions

Types of changes

Checklist:

  • Prefix PR title with [WIP] if necessary.
  • Prefix PR title with bracketed package name(s) corresponding to the changed package(s). For example: [sol-cov] Fixed bug.
  • Add tests to cover changes as needed.
  • Update documentation as needed.
  • Add new entries to the relevant CHANGELOG.jsons.

@steveklebanoff steveklebanoff merged commit 117e2f5 into development Nov 8, 2018
fabioberger added a commit that referenced this pull request Nov 8, 2018
* development: (51 commits)
  [instant] Viewport specific errors (#1228)
  Added more comments
  Include wholeNumberSchema in sra-spec schemas
  chore(instant): fix linter
  Fix isNode
  fix(instant): update buy quote at start up in the case of default amount
  chore(instant): increase max bundle size for bundle watch
  Small code review tweaks
  fix: apply css reset to overlay as well
  fix(website): turn off production flag when building locally
  feat(instant): add Account to the ProviderState
  feat(instant): fallback to an empty wallet provider when none is injected
  [order_utils.py] is_signature_valid, via Exchange contract (#1216)
  chore: linter
  fix: progress bar
  fix: use fontSize prop in button
  feat: make instant resistant to external styles
  chore(instant): update OrderState enum to follow capitalization conventions
  feat: add faux externall css file
  Take out unneeded conditionals
  ...
BMillman19 added a commit that referenced this pull request Nov 9, 2018
* development:
  [instant] Viewport specific errors (#1228)
  Added more comments
  Include wholeNumberSchema in sra-spec schemas
  chore(instant): fix linter
  Fix isNode
  fix(instant): update buy quote at start up in the case of default amount
  fix: apply css reset to overlay as well
  fix(website): turn off production flag when building locally
  chore: linter
  fix: progress bar
  fix: use fontSize prop in button
  feat: make instant resistant to external styles
  feat: add faux externall css file
  Add upstream issue
  Use const require instead of import
  Fix tslint issues
  Use detect-node
  Set curstom inspect printer in BigNumber
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants