search

collingo / react-transition-manager

A robust transition component for React projects
http://collingo.com/react-transition-manager/
MIT License
61 stars 6 forks source link

Responsive? #5

Closed aayler closed 8 years ago

aayler commented 9 years ago

Is it possible to transition to pages that are responsive in dimensions, ie, without set widths and heights as in the examples?

collingo commented 8 years ago

Yes responsive pages should not be an issue. It's simply a matter of adapting the CSS to your needs. I've had success using something similar to the following for 100% width responsive pages...

.translate .page.add {
  transform: translate(100%);
}
.translate .page.show {
  transform: translate(0%);
}
.translate .page.hide {
  transform: translate(-100%);
}

Does that cover your use case?

aayler commented 8 years ago

Thanks Nick for the confirmation - yes, this does cover my use case. I appreciate your follow up.