Fix a html element positioning bug
- Tình trạng: Closed
- Giải thưởng: $15
- Các bài thi đã nhận: 2
- Người chiến thắng: TaifuWu
Tóm tắt cuộc thi
There are two small bugs in [url removed, login to view]:
Both problems are with the chart tooltips & circles that say 'short' and 'long'.
1. When the page loads they flick positions, from slightly lower in the chart to higher up. This looks bad. I was going to fix this by having them invisible on load and after [url removed, login to view] animation finishes fade them in. I didn't manage to do this.
2. The tooltips and circles are only in the right position when the chart is at its full width. They need to stay in position relative to the line chart. Basically If I want them at index 6 on the chart (x = 6) they should stick there on all resizes / different data.
The circles get their position from [url removed, login to view] line 51, 52 & 56,57. There should be a way to dynamically update their position according to the position of the data-point at index x.
Tooltips get position from the end of the [url removed, login to view]
Hope someone gets everything. Thanks :)
PLEASE provide a link to download the new files in your entry.