Skip to content

馃殌 [Feature] Legend of post editor toolbar buttons

Created by: Tirokk

sushidave Authored by sushidave

馃殌 Feature

In the user interface, show a legend of the functions and markdown of the buttons of the post editor toolbar.

The tooltip shall be displayed if the mouse pointer hovers over the question mark icon next to the toolbar. On touchscreens the tooltip shall be triggered by "touch".

The text is similar to the list in this FAQ.

The text is localised so it matches the language that the user selected.

User Problem

Many users don't understand the meaning of the icons of the toolbar. Also, they don't know about markdown (unless they check the FAQ) which would enable them to write posts more efficiently. The legend solves that problem by being provided directly within the network.

Implementation

  • Add a round button with a question mark next to the toolbar. Use the existing one of the login page.
  • Add the functionality to the button to show/hide the tooltip. It should be displayed if the mouse pointer hovers over it. On touchscreens the tooltip should be triggered by "touch".
  • Add a tooltip with localised content from lokalize.co.
  • Make it responsive for touch devices.

Design & Layout

hc-legend-of-editor-toolbar-buttons

Validation

Users write posts more efficiently. They spend less time on the network and more offline. Less support effort.

Additional context

This feature complements the tooltips of single buttons, see issue #1950. It can be implemented independantly. This feature is part of the initiative to improve the post editor, see epic feature #3625 .