Tips: move first tip from body to toolbar

[folletto]

I was checking some documentation and I noticed that the first tip appearing on the screen points to the "(+)" icon on the body.

I want to review with you if that's the ideal position, compared to pointing out the same "(+)" in the top toolbar.

The reasoning I'm following is:

1. The tip is covering the content, so it blocks the author to just start writing.
2. It seems implying that one has to press "(+)" before starting, which is not the case.
3. The plus on the page is already right where the attention of the author is, doesn't need further highlight, but the one in the top bar does.
4. The top bar plus is somehow subdued yet we know it can be missed (especially without having a label). Having an initial highlight will help.

So while of course I'm opening this discussion because I think it would be more beneficial for the tip to point to the one in the toolbar, I'm also aware I might be missing some other factors that led to that decision... and if there aren't, maybe we can consider moving it.

Thanks!

[mtias]

I want to review with you if that's the ideal position, compared to pointing out the same "(+)" in the top toolbar.

I agree.

[noisysocks]

Here's how it would look:

Or, if we shortened the copy:

Let me know what y'all think.

Noting that if we do this we can revert #8642 since there'd no longer be a scenario where more than one instance of the same tip can appear.

[folletto]

That's great! :D
I think the shortened copy can be nice, but I feel it removes useful information. So let's keep the long one for now?

Also question: the alignment is manual, or dependent on length? Because it's nice for the tip to be below, it creates a good balance with the toolbar at the top.

[noisysocks]

Also question: the alignment is manual, or dependent on length? Because it's nice for the tip to be below, it creates a good balance with the toolbar at the top.

We could make it so that the tip always appears below the inserter like in the first screenshot above. Tips are positioned in the same way as all other Popovers in Gutenberg: you specify a position (e.g. "middle right") and it tries to position the content there but will move it around if it won't fit on the screen.

[folletto]

Cool. If possible that would be my preference then. :)

[youknowriad]

Moving to 3.7, please restore 3.6 if you think it can make the cut

[karmatosed]

Let's go with this, I have some more ideas with Tips but think we can iterate from here. Thanks everyone.