tekinged / missing

The repository where the tekinged.com committee tracks and defines missing words. Anyone can join!
https://tekinged.com
Apache License 2.0
4 stars 0 forks source link

FEATURE REQUEST: When hovering over a clickable word in a Palauan definition, show a quickview tooltip of the word. #376

Closed ChrisPerrette closed 1 year ago

ChrisPerrette commented 1 year ago

Instead of having to navigate to a new webpage for every word, when hovering the cursor over a Palauan word in a Palauan definition or in the See Also or Synonyms area, show a tooltip of the word, origin, pos, English def, and Palauan def. If the user wants more details, he can click the word.

Ideas: Use smaller print so it does not take up the whole screen. Allow it to display multiple entries for homonyms.

johnbent commented 1 year ago

Great idea. Don't know how hard this would be to do. I'll look into it.

Nice job following the convention to use 'FEATURE REQUEST' in the title.

johnbent commented 1 year ago

This would be easy to do when we build the page by going through every word and doing a query and populating a tooltip for each word. That would be brutal slow to build the page though and would basically destroy the user experience. So we need to populate the tooltip at runtime which is harder.

This page discusses a similar requirement.

This page is someone asking the same question but not getting a good answer unfortunately.

This page seems to be the solution but using some tools I'm not currently super familiar with.

ChrisPerrette commented 1 year ago

Nice fade-in effect and shadow

johnbent commented 1 year ago

Ok. Super close now. I did all the hard parts that I didn't know how to do. The remaining should be straight-forward.

johnbent commented 1 year ago
image

image

BOOM! Thanks @ChrisPerrette . This is pretty awesome. Mostly I'm on my phone so I won't appreciate it but it's definitely awesome when on computer. I think this is done so I'm closing it myself. But please re-open if it doesn't work for you or if you have a preference for doing it somehow differently.

johnbent commented 1 year ago

Oh, yeah, works for homonyms too:

image
johnbent commented 1 year ago
image

Hmm, I do wish I could make it wider though.....

ChrisPerrette commented 1 year ago

It looks awesome, and it is definitely what I pictured! It even works on my phone if I long-touch the word and tap out of the context menu that appears. Definitely one of the most useful features in my opinion.

One suggestion, can homonyms be ordered the same way search results are ordered? That way, for example, the state verb diak can precede the derivative possessed noun diak.

johnbent commented 1 year ago

Figured out how to change the width.

Fixed the order. Was scared it would be hard but turned out to be super easy.

ChrisPerrette commented 1 year ago

I have an Android phone, and I use Google Chrome. I had to clear my cache on Chrome to see some of the changes you mentioned.