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

Migrate account switcher to a page - Closes #530, #338 #562

Merged
merged 26 commits into from
Mar 22, 2018

Conversation

faival
Copy link
Contributor

@faival faival commented Mar 15, 2018

What was the problem?

Accounts view is currently displayed in a modal dialog, and should reside on a new page accessible by /accounts url

How did I fix it?

  • provide a new separate route,
  • remove dialog code related to savedAccounts
  • adapt some styles, regarding z-indexes
  • generate unique ids for gradients and shapes referenced in accountVisual
  • adapt fontsizes to px, which were wrong compared to reference lisk.io when we changed rem to px

How to test it?

go to main/dashboard, click on accountVisual menu,

  • try to add new account, remove it, re-add it, go back in history, reload page,
  • everything should work as expected, but now url should be /accounts.

Review checklist

@faival faival self-assigned this Mar 15, 2018
@faival faival changed the title Start with routes for new page Migrate account switcher to a page - Closes #530 Mar 15, 2018
@slaweet slaweet changed the base branch from 0.3.0 to 0.4.0 March 16, 2018 15:13
@faival faival changed the title Migrate account switcher to a page - Closes #530 Migrate account switcher to a page - Closes #530, #338 Mar 19, 2018
@faival faival requested a review from slaweet March 19, 2018 15:53
Copy link
Contributor

@slaweet slaweet left a comment

Choose a reason for hiding this comment

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

It works well, there are just a few details mentioned below, and

background: #013165;
overflow-y: auto;
z-index: var(--accounts-index);
position: absolute;
-webkit-font-smoothing: antialiased;
Copy link
Contributor

Choose a reason for hiding this comment

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

Copy link
Contributor Author

Choose a reason for hiding this comment

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

not supported by autoprefixer, as is vendor specific, and new spec font-smooth, is not yet supported by all browsers.

twitter.com/autoprefixer/status/444429500789841921?lang=nl
caniuse.com/#feat=font-smooth

@@ -39,7 +39,7 @@
font-size: var(--menu-bar-font-size-m);
font-family: var(--heading-font);
background-color: var(--color-white);
z-index: 1;
z-index: var(--menubar-index);
Copy link
Contributor

Choose a reason for hiding this comment

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

Good call. We should have used variables for z-indexes from the beginning.

regex: /\/accounts(?:\/[^/]*)?$/,
path: `${routes.accounts.path}/`,
params: 'dialog',
name: 'accounts',
Copy link
Contributor

Choose a reason for hiding this comment

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

It should be possible to remove this whole file because the only left modal (proxyLogin) doesn't have it's own path.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

done

@faival faival force-pushed the 530-migrate-account-switcher-to-a-page branch from a228c7d to bd50d0a Compare March 21, 2018 11:30
@faival faival force-pushed the 530-migrate-account-switcher-to-a-page branch from bd50d0a to aa83abd Compare March 21, 2018 11:32
@faival faival merged commit f89ddae into 0.4.0 Mar 22, 2018
@faival faival deleted the 530-migrate-account-switcher-to-a-page branch March 22, 2018 14:54
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants