Make WordPress Core

Opened 6 years ago

Closed 23 months ago

#31159 closed enhancement (worksforme)

Kitchen sink should be hidden by default on small screens

Reported by: siobhan Owned by:
Milestone: Priority: normal
Severity: normal Version:
Component: TinyMCE Keywords: make-flow has-patch needs-testing
Focuses: ui, administration Cc:


On my desktop I always have the kitchen sink open so that I have access to all of my tools. However, when I'm on my mobile device they totally get in the way. Like this:


We should detect if someone is on a small screen and collapse the kitchen sink menu to give more screen space.

Attachments (2)

31159.diff (893 bytes) - added by chaselivingston 6 years ago.
31159.2.diff (893 bytes) - added by chaselivingston 6 years ago.

Download all attachments as: .zip

Change History (13)

#1 @siobhan
6 years ago

  • Keywords make-flow added

#2 @DrewAPicture
6 years ago

  • Keywords needs-patch added

#3 follow-up: @iseulde
6 years ago

I agree. :) Should we remember it, just like we normally do, or always fall back to collapsed? I think always collapsed is good.

#4 @skbly7
6 years ago

  • Focuses ui administration added

#5 in reply to: ↑ 3 @ryan
6 years ago

Replying to iseulde:

I agree. :) Should we remember it, just like we normally do, or always fall back to collapsed? I think always collapsed is good.

Always collapsed seems fine for now. The subject of preserving interface state separately for mobile and desktop merits future discussion, however.

This ticket was mentioned in Slack in #core by boren. View the logs.

6 years ago

#7 @azaozz
6 years ago

Thinking we should go one step further: not only remove the second row of the editor toolbar but also some of the buttons from the first row.

For example: now that we have contextual menu for aligning images, we can remove the three alignment buttons, or perhaps leave only Align Center as the most used one.

Strikethrough, Blockquote, Horizontal rule and More can probably go too. Also Unlink, links can be removed from the modal by deleting the URL.

This can be handled in WP_Editors by using wp_is_mobile() to reconfigure the buttons.

Last edited 6 years ago by azaozz (previous) (diff)

#8 @chaselivingston
6 years ago

  • Keywords has-patch needs-testing added; needs-patch removed

Added a patch to remove items from the first row on mobile.

#9 @chaselivingston
6 years ago

31159.2.diff also removes the toolbar toggle button as well as the second second toolbar if viewing on a mobile device.

#10 @iseulde
6 years ago

  • Milestone changed from Awaiting Review to Future Release

#11 @azaozz
23 months ago

  • Milestone Future Release deleted
  • Resolution set to worksforme
  • Status changed from new to closed

This is more of a "editor UI exploration", now superseded by the block editor.

Note: See TracTickets for help on using tickets.