-
Notifications
You must be signed in to change notification settings - Fork 0
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
UI polish pr3 #5
Conversation
5d2f832
to
12af028
Compare
@@ -8,7 +8,7 @@ | |||
class=" bg-gray-50 border-gray-200 border-r flex flex-col gap-1 py-5" | |||
style="width: {width}" | |||
data-cy="explorer" | |||
transition:fly={{ x: -400, duration: 350, opacity: 1 }} | |||
transition:fly|local={{ x: -400, duration: 120, opacity: 1 }} |
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.
Why local here?
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.
Because when we logout (transition to another page), we will have to wait for the panel to close, which impacts UX local will prevent that.
@@ -4,7 +4,7 @@ | |||
|
|||
<nav | |||
class="flex flex-row w-full h-12 drop-shadow-card bg-slate-800 items-center px-4 py-7 gap-2" | |||
transition:fly={{ y: -50, duration: 350, opacity: 1 }} | |||
in:fly={{ y: -50, duration: 100, opacity: 1 }} |
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.
Why does it matter? When do we have an out for the toolbar?
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.
We have an out when we transition to another page (logout), so the user has to wait for the toolbar to out before it goes to the login page, which impacts UX, so changed it to only have in
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.
Oh nice - great catch
This one is all yours man. LGTM :) |
No description provided.