Question on Date location

stephane-monnot / react-vertical-timeline

Vertical timeline for React.js

https://stephane-monnot.github.io/react-vertical-timeline/

MIT License

1.08k stars 158 forks source link

Question on Date location #46

Closed salimbene closed 4 years ago

salimbene commented 4 years ago

If I choose the 1-column layout, the date is automatically placed at the bottom of the tile. I would like to place it on the left of the Icon. Just like it does for the 2-column layout. Is this possible?

Thanks!

stephane-monnot commented 4 years ago

It's possible with some css rules :

@media only screen and (min-width: 768px)
.vertical-timeline-element-content .vertical-timeline-element-date {
    position: absolute;
    width: 100%;
    top: -2px;
    left: auto;
    right: 109%;
    text-align: right;
}

salimbene commented 4 years ago

Brilliant, thank you so much @stephane-monnot

Cheers.