search

stephane-monnot / react-vertical-timeline

Vertical timeline for React.js
https://stephane-monnot.github.io/react-vertical-timeline/
MIT License
1.07k stars 158 forks source link

Dates on the Right Not Aligned #87

Closed cantoramann closed 3 years ago

cantoramann commented 3 years ago

I am copying the project to a file with no other CSS / JS component imported. I am having an issue where the dates on the right side are strictly centered. I could not manage it by changing the CSS. Why might this be happening? Thanks!

Screen Shot 2020-11-20 at 03 18 55
tanerdiler commented 3 years ago

It might be affected by style of parent. I had same issue. When I cleaned the style of parent, this issue was disappeared.

cantoramann commented 3 years ago

Thank you! I believe that was the issue.

mcpenguin commented 3 years ago

To anyone encountering this issue too, check that text-align property of your timeline is not set to center .

woodRock commented 2 years ago

To anyone encountering this issue too, check that text-align property of your timeline is not set to center .

Assuming the VerticalTimeline component has classname "timeline". The code given below will fix this:

.timeline {
    text-align: left;
}