-
Notifications
You must be signed in to change notification settings - Fork 96
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
Conversation
There was a problem hiding this 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
- the whole element overflows a bit:
- on M breakpoint the close button is out of view
- This can be removed
https://github.com/LiskHQ/lisk-hub/blob/80afda8289b75cb70bf345d14d36117fde2bdd90/src/components/dialog/dialogs.js#L10-L29
background: #013165; | ||
overflow-y: auto; | ||
z-index: var(--accounts-index); | ||
position: absolute; | ||
-webkit-font-smoothing: antialiased; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
There was a problem hiding this comment.
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); |
There was a problem hiding this comment.
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.
src/utils/routes.js
Outdated
regex: /\/accounts(?:\/[^/]*)?$/, | ||
path: `${routes.accounts.path}/`, | ||
params: 'dialog', | ||
name: 'accounts', |
There was a problem hiding this comment.
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.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
done
a228c7d
to
bd50d0a
Compare
bd50d0a
to
aa83abd
Compare
... because the dialog it uses was removed. It will be re-enabled in #279.
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?
How to test it?
go to main/dashboard, click on accountVisual menu,
Review checklist