rpocklin/angular-timeline

Limiting height of <ul> also limits height of vertical line

tomrobst opened this issue · 3 comments

tomrobst commented

Hi,

Great library, very easy to use, thank you!

I'm trying to limit the height of the timeline on the page by setting the height and overflow: auto properties of the

    under the tag. This works apart from the vertical line separating the left and right side (and where the badges are display) is also set to the height of the
      so once you start scrolling the vertical line doesn't continue. Any suggestions?

      Thanks,

      Tom

tomrobst commented

Sorry github turned my tags into actual html tags...

It should say I'm trying to limit the height by setting the height and overflow CSS properties on the <ul> tag under the <timeline> tag but the vertical line is set to the height of the <ul> tag!

rpocklin commented

A plunkr would be invaluable here.

tomrobst commented

Ok, I agree and I'll try and set one up shortly. In the meantime I see that the line is created as a pseudo-element in the timeline CSS. I was trying to come up with a method to set the height of this pseudo-element once the scrollHeight property of the <ul> has been set (after the timeline array has been created). It would be easier if this was a real element instead of a :before css pseudo-element...