Idea: Provide easier access to view mat

[erinoerin]

From Zesix 9/26 at 8:16 PM
"One of the things I don't like is having to click the faction to see the mat instead of just having all the mat images there"

[lightyearsaway]

Do you have any ideas about how this would look?

[avidmeher]

This is how it looks when I simply wrapped the hyperlink in Popover

[rezende]

I had the idea of Popover before, for some reason it wasn't working at the time. It looks nice.

[lightyearsaway]

What do you think about using a Modal?

[avidmeher]

I thought about Modal first. However, it needs 2 clicks (1 to open and 1 to close) while Popover only requires the pointer to be in place, so it felt simpler. I don't know how effective Popover is in touch screen mode.

[lightyearsaway]

I think personally I prefer Modal because a popover that big seems unwieldy, and also the large image taking some time to load makes the hovering experience of the popover not as attractive. It feels like loading something like this image should be the result of a deliberate action as opposed to hovering over something. It would be a little more awkward to get out of the popover as in the screenshot, you would need to move your cursor either a short distance up or a long distance in another direction to hide the popover, so the experience of accidentally hovering over the popover seems unpleasant.

I would still prefer a Modal to center the image in the screen and help the user focus on the image, but clicking to show a popover as opposed to hovering (which is the default behavior, so is what I assumed we were talking about) would be better IMO.

[lightyearsaway]

@erinoerin would love your thoughts here

[avidmeher]

I would still prefer a Modal to center the image in the screen and help the user focus on the image, but clicking to show a popover as opposed to hovering (which is the default behavior, so is what I assumed we were talking about) would be better IMO.

Do you mean Model > Popover + click > Popover + hover OR Popover + click > Modal > Popover + hover ? ( > means better here )

I agree that accidental activation can be unpleasant with the hover mode, so the click mode should suffice. Also, the Modal docs make it look like we would need to define 3 functions to use it. I do like the draggable Modal, though.

As for the image size, with the new images, it looks like this when the image is scaled down to 25%

[lightyearsaway]

Personally, Modal > Popover (Click) > Popover (Hover). Being able to use it could change my mind, but as I'm imagining it, I think Modal is a bit more in line with expectations.

[avidmeher]

I fiddled around with getting the Modal dialog to appear with small margins for way too long and decided it's not worth any more of my time. Popover with click activation seems like it's designed to be used for this situation, and the code is much simpler with Popover. Pull request 54 created.