rpocklin/angular-timeline

Adjust badge width and center?

samster opened this issue · 1 comments

Thanks for this great directive. I'm wondering if there's a way to make the badge on the center timeline a little wider(to fit more text) but still have it centered on the center line? I've figure out how to make it wider by just adjusting the "width" css property but can't seem to figure out the secret sauce to center it on the line. I tried messing with the "left" css property but that wasn't a perfect solution since it only worked for the current width of the browser. Every time I resized, it was off again. Thanks!

Here are the properties I was playing around with:

timeline li timeline-badge {
width: 50px;
left: 50%;
}

I figured it out! I need to adjust the "margin-left" css property too! Thanks!