expansion icon is confusing

[har79]

http://staging.sass-lang.com/documentation/syntax/parsing

My expectation is that right-arrows mean "play"; so the arrow used to show expandable content for compatibility was confusing for me.

It didn't appeal to me when scanning for how to find out more about compatibility because I was looking for a down-arrow or a hover tooltip. Later, when I did see it and think about it I assumed it was a play button of some sort and only clicked to find out what it did.

[nex3]

Hmm... the right arrow is also what browsers display by default for the <details> tag, so I had expected it to be the standard. For example:

This is a <details> tag!

This is the contents!

Do you have a different suggestion for an expansion indicator?

[har79]

Ah, I thought the down arrow was standard but it's entirely possible I've just been working too much with Material Design. This is what MD, and by extension most Google properties, does: https://material.io/archive/guidelines/components/expansion-panels.html.

On Tue, 19 Mar 2019, 21:08 Natalie Weizenbaum, [email protected] wrote:

Hmm... the right arrow is also what browsers display by default for the

tag, so I had expected it to be the standard. For example: This is a

tag! This is the contents!

Do you have a different suggestion for an expansion indicator?

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/sass/sass-site/issues/310#issuecomment-474585109, or mute the thread https://github.com/notifications/unsubscribe-auth/AIREeG42GBcMwQ3-eydn_OpqyDtFk7Qwks5vYVG_gaJpZM4b77FV .

[nex3]

I think the down arrow is pretty clear too... @jina, what do you think?

[jina]

standard is right becomes down, but we can switch it to the material style.

[nex3]

@jina The final decision is up to you, of course. I personally think both look pretty clear.