search

omahacodeschool / goal-tracker

Users select a quantifiable goal (“I will run 100 miles” or “I will meet 25 new dogs”), then update “moments” wherein they tick their quantity up or down as befits progress. The app then displays a graph of progress over time.
0 stars 0 forks source link

Morris.js css conflict question. #10

Closed LeKohrs closed 9 years ago

LeKohrs commented 9 years ago

Im having a css conflict between the css Ive created and the morris.js css. The hover properties and the chart itself are separated. The hover is where it's suppose to be but the chart itself is underneath the main flow.

Ive narrowed it down to the float property on the nav class in _nav.scss. If I take that float property out, the chart and hover info realign, but then the flow is off.

Ive looked up answers online and they all say its a css issue but no answers.

Would you like a screen shot of how this looks or should I just come up there?

sumeetjain commented 9 years ago

Screen shot, please.

LeKohrs commented 9 years ago

screen shot 2014-10-10 at 11 32 38 am

This is what it looks like with the float property in. The div with float property is on the left with the two list items.

sumeetjain commented 9 years ago

Best I can tell, .nav should be floated left, and so should #chart. Check your CSS.

sumeetjain commented 9 years ago

With the CSS I suggested, here's what I see:

screen shot 2014-10-10 at 11 35 21 am

LeKohrs commented 9 years ago

oh, yeah. I see. I had chart marked as class in css and the code I copied in was id.

Thanks!