Page MenuHomePhabricator

Adjust publish header to be more consistent
Open, MediumPublic

Description

The header of the preview and publish step needs some adjustments:

  • The overall size of the header should be increased 8px.
  • The publish button which is adjusted to the top, bottom and right edges of the header, should use straight edges (i.e., border radius 0).

This would help to make the toolbar more consistent with the Visual Editor one. Comparison illustrated below:

PreviewEdit
sx.wmflabs.org_index.php_Special_ContentTranslation_page=Moon&from=en&to=es&sx=true(iPhone 6_7_8) (2).png (1×750 px, 214 KB)
sx.wmflabs.org_index.php_Special_ContentTranslation_page=Moon&from=en&to=es&sx=true(iPhone 6_7_8) (4).png (1×750 px, 131 KB)

On the button color difference

In addition, the save button on the Visual Editor header should be using accent50 (#36c), which is not doing when it is shown in side Section Translation, but it does when accessed directly:

en.m.wikipedia.org_wiki_Tennis_court(iPhone 6_7_8).png (1×750 px, 333 KB)