www
/
cs-2022-class-profile
20
0
Fork 0
Code Issues 11 Pull Requests 1 Projects Releases Wiki Activity
cs-2022-class-profile/components
History
Shahan Nedadahandeh 743f050ec8
continuous-integration/drone/push Build is passing Details
Fix tooltip not being correctly positioned for certain centered graphs (#118) 
Applied the fix used by the WordCloud to all graphs so that tooltips will be properly positioned, even if the graph is centered on the page. Did so by refactoring some tooltip logic in to a common getTooltipPosition used by all graphs.

One thing is that this simplifies all the tooltips to simply follow the mouse, instead of locking onto certain "blocks"/bars like in the grouped bar graph, which is more consitant with all the other tooltips, since we only had this in some cases.

Do we think that having the tooltip be sticky to a certain bar/group is important?

Closes #89

https://fix-tooltip-center-csc-class-profile-staging-snedadah.k8s.csclub.cloud/samplePage/
Co-authored-by: shahanneda <shahan.neda@gmail.com>
Reviewed-on: #118
Reviewed-by: Mark Chiu <e26chiu@csclub.uwaterloo.ca>
 		2022-12-28 01:54:32 -05:00
..
About.module.css Add About Component (#48) 2022-09-12 10:20:10 -04:00
About.tsx Add Sections Component (#49) 2022-09-12 20:07:03 -04:00
BarGraph.module.css Change Graphs to use tooltips (Closes #97) (#112) 2022-12-21 16:23:32 -05:00
BarGraph.tsx Fix tooltip not being correctly positioned for certain centered graphs (#118) 2022-12-28 01:54:32 -05:00
BottomNav.module.css Add Intimacy and Drugs page (Closes #57) (#103) 2022-12-15 20:38:58 -05:00
BottomNav.tsx Add Intimacy and Drugs page (Closes #57) (#103) 2022-12-15 20:38:58 -05:00
Boxplot.module.css Created TooltipWrapper (#88) 2022-11-16 21:35:55 -05:00
Boxplot.tsx Fix tooltip not being correctly positioned for certain centered graphs (#118) 2022-12-28 01:54:32 -05:00
CenterWrapper.module.css Add Textbox Component (#45) 2022-09-09 17:01:34 -04:00
CenterWrapper.tsx Add Textbox Component (#45) 2022-09-09 17:01:34 -04:00
ColorPalette.module.css Add Wordcloud Component (#27) 2022-08-04 02:17:19 -04:00
ColorPalette.tsx Add colors in JS and Color Palette (#18) 2022-07-01 14:30:57 -04:00
ComponentWrapper.module.css Adjust pie chart (#117) 2022-12-28 01:32:07 -05:00
ComponentWrapper.tsx Fix Mobile Vertical Bar Graph Labels (Closes #50) (#83) 2022-11-13 18:36:34 -05:00
GroupedBarGraph.module.css Fix tooltip not being correctly positioned for certain centered graphs (#118) 2022-12-28 01:54:32 -05:00
GroupedBarGraph.tsx Fix tooltip not being correctly positioned for certain centered graphs (#118) 2022-12-28 01:54:32 -05:00
Header.module.css Header/Side Menu (#52) 2022-10-22 14:04:12 -04:00
Header.tsx Made bottom arrows optional and refactored routes (Closes #72) (#76) 2022-11-05 14:06:24 -04:00
LineGraph.module.css Fix Line Graph Legend Position (Close #100) (#107) 2022-12-14 11:14:49 -05:00
LineGraph.tsx Fix tooltip not being correctly positioned for certain centered graphs (#118) 2022-12-28 01:54:32 -05:00
PieChart.module.css Adjust pie chart (#117) 2022-12-28 01:32:07 -05:00
PieChart.tsx Fix tooltip not being correctly positioned for certain centered graphs (#118) 2022-12-28 01:54:32 -05:00
QuotationCarousel.module.css Add Intimacy and Drugs page (Closes #57) (#103) 2022-12-15 20:38:58 -05:00
QuotationCarousel.tsx Add Intimacy and Drugs page (Closes #57) (#103) 2022-12-15 20:38:58 -05:00
SectionHeader.module.css Add Intimacy and Drugs page (Closes #57) (#103) 2022-12-15 20:38:58 -05:00
SectionHeader.tsx Add SectionHeader component (Closes #74) (#75) 2022-11-05 09:01:46 -04:00
SectionWrapper.module.css Add Intimacy and Drugs page (Closes #57) (#103) 2022-12-15 20:38:58 -05:00
SectionWrapper.tsx Add Academics page (Closes #54) (#94) 2022-12-07 21:13:52 -05:00
Sections.module.css Add Sections Component (#49) 2022-09-12 20:07:03 -04:00
Sections.tsx Made bottom arrows optional and refactored routes (Closes #72) (#76) 2022-11-05 14:06:24 -04:00
StackedBarGraph.module.css Fix tooltip not being correctly positioned for certain centered graphs (#118) 2022-12-28 01:54:32 -05:00
StackedBarGraph.tsx Fix tooltip not being correctly positioned for certain centered graphs (#118) 2022-12-28 01:54:32 -05:00
Timeline.module.css Add Timeline Component (#35) 2022-09-12 20:00:01 -04:00
Timeline.tsx Add Timeline Component (#35) 2022-09-12 20:00:01 -04:00
TooltipWrapper.module.css Created TooltipWrapper (#88) 2022-11-16 21:35:55 -05:00
TooltipWrapper.tsx Fix tooltip not being correctly positioned for certain centered graphs (#118) 2022-12-28 01:54:32 -05:00
WordCloud.module.css Created TooltipWrapper (#88) 2022-11-16 21:35:55 -05:00
WordCloud.tsx Fix tooltip not being correctly positioned for certain centered graphs (#118) 2022-12-28 01:54:32 -05:00