search

jhuopensource / semesterly

Your Semester Made Easier | Course Scheduling & Social Tools for Students
https://semester.ly
GNU General Public License v3.0
32 stars 56 forks source link

Adding tooltip when hovering over icon in timetable drop down #1086

Closed spencerckhuang closed 4 months ago

spencerckhuang commented 6 months ago

to make it a little easier to see what those buttons do

spencerckhuang commented 6 months ago

there may be a better way to do this... very open to suggestions. i tried using a tooltip similar to in the icon row above the calendar but it ended up being too obstructive.

maybe an info tab (like ⓘ) you can hover over that makes some modal pop up?

short demo

JiaqiWang18 commented 6 months ago

there may be a better way to do this... very open to suggestions. i tried using a tooltip similar to in the icon row above the calendar but it ended up being too obstructive.

maybe an info tab (like ⓘ) you can hover over that makes some modal pop up?

timetable-tips-demo.mp4

Suggestion: maybe make the tooltip appear below the icon you clicked on like the icon row above the calendar if doable? image

spencerckhuang commented 6 months ago

there may be a better way to do this... very open to suggestions. i tried using a tooltip similar to in the icon row above the calendar but it ended up being too obstructive. maybe an info tab (like ⓘ) you can hover over that makes some modal pop up? timetable-tips-demo.mp4

Suggestion: maybe make the tooltip appear below the icon you clicked on like the icon row above the calendar if doable? image

Tried this but if you have multiple timetables, the tooltip can sometimes get in the way of you being able to hover over a different button :( I can show you what I mean on Wednesday if we have time

JiaqiWang18 commented 6 months ago

there may be a better way to do this... very open to suggestions. i tried using a tooltip similar to in the icon row above the calendar but it ended up being too obstructive. maybe an info tab (like ⓘ) you can hover over that makes some modal pop up? timetable-tips-demo.mp4

Suggestion: maybe make the tooltip appear below the icon you clicked on like the icon row above the calendar if doable? image

Tried this but if you have multiple timetables, the tooltip can sometimes get in the way of you being able to hover over a different button :( I can show you what I mean on Wednesday if we have time

I explored the doc for a bit and if you set the disableInteractive flag on Tooltip to true, it seems to fix this issue. image image

spencerckhuang commented 6 months ago

there may be a better way to do this... very open to suggestions. i tried using a tooltip similar to in the icon row above the calendar but it ended up being too obstructive. maybe an info tab (like ⓘ) you can hover over that makes some modal pop up? timetable-tips-demo.mp4

Suggestion: maybe make the tooltip appear below the icon you clicked on like the icon row above the calendar if doable? image

Tried this but if you have multiple timetables, the tooltip can sometimes get in the way of you being able to hover over a different button :( I can show you what I mean on Wednesday if we have time

I explored the doc for a bit and if you set the disableInteractive flag on Tooltip to true, it seems to fix this issue. image image you're a goddamn genius