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

Backstage Opening Animation #397

Closed
changbowen opened this issue Feb 7, 2017 · 7 comments
Closed

Backstage Opening Animation #397

changbowen opened this issue Feb 7, 2017 · 7 comments
Assignees
Labels
Milestone

Comments

@changbowen
Copy link

Not a big issue. But if it is an easy fix...
The opening animation of the backstage has always been like this. Looks like the "left" part of the animation is missing. When opening, it starts from 50% and play to the end. When closing, it plays to 50% and skips to the end.
Don't know if I made myself clear...


Environment

  • Fluent.Ribbon reproducible with the latest showcase
  • Windows 7
  • .NET Framework 4.5
@batzen
Copy link
Member

batzen commented Feb 7, 2017

Can't reproduce this on my machine.

reproducible with the latest showcase

What do you mean by that? Which showcase version? Compiled from source? Downloaded from appveyor?

@changbowen
Copy link
Author

changbowen commented Feb 8, 2017

Some visual aids :)
This is the backstage in Word 2016 opening:
office2016bkstgopen

And this is the backstage opening in a Fluent window:
fluentbkstgopen

Dont know if this is by design, but it feels that the animation "starts from 50%"...
If you compare the above two gifs, in the Office animation the blue panel movement starts from the left edge. While in the 2nd gif, the red panel movement starts from a few miles east of the edge.
Same for the closing animation.

@batzen
Copy link
Member

batzen commented Feb 10, 2017

Ok, in slow motion it's visible.
Will have a look.

@batzen batzen added the Styles label Feb 11, 2017
@batzen batzen added this to the 5.0.0 milestone Feb 11, 2017
@batzen batzen self-assigned this Feb 11, 2017
@batzen
Copy link
Member

batzen commented Feb 11, 2017

fluentbackstage

@changbowen Close enough?

@changbowen
Copy link
Author

This looks great! 👍

@batzen batzen closed this as completed in 3973cb2 Feb 12, 2017
@changbowen
Copy link
Author

one thought though, i see the margin animation value is hard coded. if the backstage gets wide, i think the animation will still look like the second gif.

@batzen
Copy link
Member

batzen commented Feb 15, 2017

I know. Binding these values would be better. Got it on my list.
But the problem should only occur is the left panel in the backstage gets wider.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants