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

Shrink timeline height and make years fade out #2778

Merged
merged 2 commits into from
Aug 1, 2017

Conversation

fbarl
Copy link
Contributor

@fbarl fbarl commented Jul 31, 2017

Resolves #2770 by shrinking the timeline height for 15px and making the year time tags fade out as hours fade in.

@fbarl fbarl self-assigned this Jul 31, 2017
@fbarl fbarl requested a review from davkal July 31, 2017 15:58
@fbarl fbarl changed the title Shrink timeline height to and make years fade out Shrink timeline height and make years fade out Jul 31, 2017

// Ticks quickly fade in from the bottom and then slowly
// start fading out as they are being pushed to the top.
const opacity = verticalShift > 1 ? (6 - verticalShift) / 5 : verticalShift;
const opacity = verticalShift > 1 ? (5 - verticalShift) / 4 : verticalShift;

This comment was marked as abuse.

Copy link
Contributor

@davkal davkal left a comment

Choose a reason for hiding this comment

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

Works well.

In case I havent said it before: The up/down transition between time periods is beautifully done!

@@ -292,11 +292,11 @@ class TimeTravelTimeline extends React.Component {
const ticks = this.getTicksForPeriod(period, focusedTimestamp);

const verticalShift = this.getVerticalShiftForPeriod(period);
const transform = `translate(0, ${62 - (verticalShift * 15)})`;
const transform = `translate(0, ${49 - (verticalShift * 16)})`;

This comment was marked as abuse.

@fbarl fbarl merged commit f9e9a8a into master Aug 1, 2017
@fbarl fbarl deleted the reduce-timeline-vertical-space branch August 8, 2017 14:59
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.

3 participants