[4.0] [RFC] Move toolbar apply items to thead

[ciar4n]

One of a handful of solutions for the toolbar (#12789) is to move the apply items to the table head

• Logical location for such apply actions within a table
• Simplifies the view
• Resolves [3.7.x] Toolbar looks ugly and wraps onto two lines with sharedrafts #12789

[brianteeman]

Definitely an interesting option. Should be relatively simple to make accessible as well

[C-Lodder]

+1 👍

[brianteeman]

Maybe replace the ... with a cog icon would be more meaningful

[ciar4n]

I guess technically the 3 dots is a menu overflow icon. This would make it correct in the tbody (overflow of the publish and feature icons) but not for the thead icon. Considering this the following would also work..

[ciar4n]

Looks like google opted for 3 vertical dots for a standalone dropdown

[tonypartridge]

The three dots are more commonly known, whereas a config icon isn't great since it's a configuration option and publishing it more of a editing option opposed to configuration.

Love the idea though, three dots for me!

[brianteeman]

The problem with the three dots (and why I was suggesting to use something else) is that in J3 we used the three dots as the grab handles for sorting.

[ciar4n]

The grab handles in J3 appear to be vertical dots rather than horizontal. Personally I think this should be difference enough not to cause any confusion?

Might make sense to combine this column with the status column. Give a larger clickable area for head dropdown, makes logical sense as this is largely the visible column that is effected and brings the '3 dots' icon inline with the other action icons. Assuming '3 dots' represents overflow options to a menu which is largely the case (eg. https://www.facebook.com/joomla/).

[brianteeman]

combined columns make the a11y a little harder to maintain but not impossible

[C-Lodder]

@ciar4n - think it would be much better as separate column. Like you did in the initial screenshot ;)

[brianteeman]

still not sure of the benefit of changing the icon/symbol from the current down arrow to the three dots

[mbabker]

IMO the dropdown arrow works in 3.x because it's styled as a group of buttons. Without the button styling, to me it seems more like a misplaced character (just trying to imagine it versus the 3 dots).

[brianteeman]

Something for the UX team?

[C-Lodder]

who?

[ciar4n]

@C-Lodder "Once upon a time in a land far far away ... ... ... "

[ciar4n]

Probably not the best example but does show how 3 dots indicate there is more than what is shown which is why this icon is commonly used. Also why it does not work as a standalone icon (table header).

[ciar4n]

The clickable area of the head icon (initial screenshot) is very small considering it will probably be used a lot. If giving it a separate column we probably should use text instead...

[brianteeman]

That works for me :)

[dgrammatiko]

A side note here: the table header titles should be blue (link color) only when there is a clickable title else should be blackish (normal text). In this case e.g. Actions should be black as you shouldn't be able to sort the table depending on the available actions. The same concept should be applied to all the th

[tonypartridge]

Me too

…

On 14 May 2017, 14:43 +0100, Brian Teeman ***@***.***>, wrote: That works for me :) — You are receiving this because you commented. Reply to this email directly, view it on GitHub (#16000 (comment)), or mute the thread (https://github.com/notifications/unsubscribe-auth/ABVglnxY8fmyA-5FAh19psp3DER1zMTYks5r5wT3gaJpZM4NaB_U).

[ciar4n]

First of 2 PRs created... #16015

[ciar4n]

Second of 2 PRs created.. #16076