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

Update dark mode toggle switch #2588

Merged

Conversation

vibros68
Copy link
Contributor

@vibros68 vibros68 commented Sep 16, 2021

close #2497

This pull request update the dark mode toggle to be a new designed
toggle. The preview of the toggle here:
Screenshot from 2021-09-16 23-32-27

It also does some adjustments with nav header style follow the comment

The preview behavior can be seen in the below video:

vokoscreen-2021-09-16_23-24-38.mp4

Copy link
Member

@lukebp lukebp left a comment

Choose a reason for hiding this comment

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

I'm seeing a slight delay from when I click the button to when the animation starts. Is this delay intentional?

tmp.mp4

@vibros68
Copy link
Contributor Author

vibros68 commented Sep 17, 2021

@lukebp the current delay time for animation effect is 200 mili second. While the change of the variable is immediately. May be I should change the animation effect to 100, so the time seems to fit better. Or we can update the variable after the animation was done. So we will see the change of background after the button animation process

@lukebp
Copy link
Member

lukebp commented Sep 17, 2021

What about taking out the delay entirely? It doesn't look like there is one on test-proposals.

tmp-2021-09-17_07.24.42.mp4

Copy link
Member

@lukebp lukebp left a comment

Choose a reason for hiding this comment

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

tACK on firefox

Needs code approval from @tiagoalvesdulce.

Copy link
Member

@amass01 amass01 left a comment

Choose a reason for hiding this comment

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

LGTM!

Copy link
Member

@tiagoalvesdulce tiagoalvesdulce left a comment

Choose a reason for hiding this comment

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

LGTM!

height: 100%;
display: flex;
align-items: center;
}

.navContainer {
composes: sharedNavAtribute;
Copy link
Member

Choose a reason for hiding this comment

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

good job using composes!

@tiagoalvesdulce tiagoalvesdulce merged commit 1620984 into decred:master Sep 30, 2021
@lukebp
Copy link
Member

lukebp commented Oct 7, 2021

Depended on decred/pi-ui#370.

@lukebp
Copy link
Member

lukebp commented Oct 11, 2021

Posting here for future tweet.

Screenshot 2021-07-27 at 16 48 53

@vibros68 vibros68 mentioned this pull request Nov 18, 2021
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.

Update dark mode toggle switch
4 participants