Page MenuHomePhabricator

Edit icons appear as text in Minerva desktop
Closed, ResolvedPublicBUG REPORT

Description

NOTE: although this impacts Minerva desktop it should probably be addressed to avoid future regressions in this area.

Steps to replicate the issue (include links if applicable):

What happens?:

[2]

Screenshot 2023-09-08 at 4.50.36 PM.png (586×1 px, 121 KB)

  • The edit icons are using mw-ui-icon
  • The edit icons do not look like edit icons
  • The icon is using a b tag
  • In the case of page-actions-edit no edit icon is shown
  • the font size is either too big or too small
  • there appears to be a stray icon floating near the top of the page:

Screenshot 2023-09-08 at 4.56.04 PM.png (122×336 px, 15 KB)

The edit icon at the top of the page also appears unstyled

Screenshot 2023-09-08 at 4.52.25 PM.png (316×2 px, 55 KB)

What should have happened instead?:

  • A span tag should be used for the icon
  • The icons should appear.
  • The labels should disappear when the screen is resized.
  • The font size should be the same for all icons

Software version (skip for WMF-hosted wikis like Wikipedia):

Other information (browser name/version, screenshots, etc.):

QA steps

Event Timeline

Change 956514 had a related patch set uploaded (by Jdlrobson; author: Bernard Wang):

[mediawiki/extensions/VisualEditor@master] Update handling of minerva icons

https://gerrit.wikimedia.org/r/956514

Jdlrobson updated the task description. (Show Details)
Jdlrobson edited projects, added VisualEditor, MinervaNeue; removed MobileFrontend.

Minerva could support using the SkinTemplateNavigation::Universal hook to modify the menu at the top of the page. It already supports using it to modify some other menus (e.g. the user personal menu). And VisualEditor already uses that hook, so this would probably allow removing some of the special cases for Minerva which are causing this problem.

@matmarex yes. Making Minerva support the Universal hook for the p-views menu would make a lot of sense.

Change 961261 had a related patch set uploaded (by Jdlrobson; author: Jdlrobson):

[mediawiki/skins/MinervaNeue@master] WIP: Support extension of page actions via hook anad addPortletLink

https://gerrit.wikimedia.org/r/961261

Change 961880 had a related patch set uploaded (by Jdlrobson; author: Jdlrobson):

[mediawiki/extensions/VisualEditor@master] Change icon when both VE and source edit icons are present

https://gerrit.wikimedia.org/r/961880

Change 961898 had a related patch set uploaded (by Jdlrobson; author: Jdlrobson):

[mediawiki/extensions/MobileFrontend@master] Editor supports multiple edit buttons

https://gerrit.wikimedia.org/r/961898

Change 962062 had a related patch set uploaded (by Jdlrobson; author: Jdlrobson):

[mediawiki/skins/Vector@master] Limit icons in views to watchstar

https://gerrit.wikimedia.org/r/962062

Change 962062 abandoned by Jdlrobson:

[mediawiki/skins/Vector@master] Limit icons in views to watchstar

Reason:

I've gone with a slightly different approach which allows skins to opt into icons: https://gerrit.wikimedia.org/r/c/mediawiki/extensions/VisualEditor/+/961880 - curious on your thoughts!

https://gerrit.wikimedia.org/r/962062

Change 961898 merged by jenkins-bot:

[mediawiki/extensions/MobileFrontend@master] Editor supports multiple edit buttons

https://gerrit.wikimedia.org/r/961898

Change 961880 merged by jenkins-bot:

[mediawiki/extensions/VisualEditor@master] Change icon for supported skins when both VE and source edit icons are present

https://gerrit.wikimedia.org/r/961880

Change 961261 merged by jenkins-bot:

[mediawiki/skins/MinervaNeue@master] Support extension of page actions via hook and addPortletLink

https://gerrit.wikimedia.org/r/961261

matmarex added a subscriber: XanonymusX.

The changes so far by @Jdlrobson should fix the missing icons for the edit links at the top of the page, i.e., this:

Screenshot 2023-09-08 at 4.52.25 PM.png (316×2 px, 55 KB)

I had a look and I think we can make changes following the same pattern to also fix the section edit links, i.e., this:

Screenshot 2023-09-08 at 4.50.36 PM.png (586×1 px, 121 KB)

Change 963420 had a related patch set uploaded (by Bartosz Dziewoński; author: Bartosz Dziewoński):

[mediawiki/skins/MinervaNeue@master] Support SkinEditSectionLinks hook as used by VisualEditor

https://gerrit.wikimedia.org/r/963420

Change 963421 had a related patch set uploaded (by Bartosz Dziewoński; author: Bartosz Dziewoński):

[mediawiki/extensions/VisualEditor@master] Change icon for supported skins for section edit links, too

https://gerrit.wikimedia.org/r/963421

Change 963422 had a related patch set uploaded (by Bartosz Dziewoński; author: Bartosz Dziewoński):

[mediawiki/extensions/MobileFrontend@master] Editor supports multiple section edit links, too

https://gerrit.wikimedia.org/r/963422

Change 963423 had a related patch set uploaded (by Bartosz Dziewoński; author: Bartosz Dziewoński):

[mediawiki/extensions/VisualEditor@master] DesktopArticleTarget.init: Remove code for updating edit links

https://gerrit.wikimedia.org/r/963423

Change 963423 merged by jenkins-bot:

[mediawiki/extensions/VisualEditor@master] DesktopArticleTarget.init: Remove code for updating edit links

https://gerrit.wikimedia.org/r/963423

Change 964092 had a related patch set uploaded (by Bartosz Dziewoński; author: Bartosz Dziewoński):

[mediawiki/skins/MinervaNeue@master] Remove doEditSectionLink() override, style section edit links with CSS

https://gerrit.wikimedia.org/r/964092

Just linking this with T269630: Parsoid should support section editing links so we can eventually ensure any Parsoid markup/styling is compatible with this fix.

Change 965604 had a related patch set uploaded (by Jdlrobson; author: Jdlrobson):

[mediawiki/core@master] Skin: Separate generation of edit section data from HTML

https://gerrit.wikimedia.org/r/965604

Change 963421 merged by jenkins-bot:

[mediawiki/extensions/VisualEditor@master] Change icon for supported skins for section edit links, too

https://gerrit.wikimedia.org/r/963421

Change 966313 had a related patch set uploaded (by Jdlrobson; author: Jdlrobson):

[mediawiki/skins/MinervaNeue@master] WIP: Minerva uses new Section Links generation

https://gerrit.wikimedia.org/r/966313

Change 967525 had a related patch set uploaded (by Jdlrobson; author: Jdlrobson):

[mediawiki/skins/MinervaNeue@master] Generate section edit links via SkinMustache

https://gerrit.wikimedia.org/r/967525

Change 965604 merged by jenkins-bot:

[mediawiki/core@master] Skin: Separate generation of edit section data from HTML

https://gerrit.wikimedia.org/r/965604

Change 963422 abandoned by Bartosz Dziewoński:

[mediawiki/extensions/MobileFrontend@master] Editor supports multiple section edit links, too

Reason:

No longer needed, see T348353

https://gerrit.wikimedia.org/r/963422

Change 967525 merged by jenkins-bot:

[mediawiki/skins/MinervaNeue@master] Generate section edit links via SkinMustache

https://gerrit.wikimedia.org/r/967525

Change 964092 abandoned by Bartosz Dziewoński:

[mediawiki/skins/MinervaNeue@master] Remove doEditSectionLink() override, style section edit links with CSS

Reason:

Superseded by https://gerrit.wikimedia.org/r/967525

https://gerrit.wikimedia.org/r/964092

Change 966313 abandoned by Bartosz Dziewoński:

[mediawiki/skins/MinervaNeue@master] WIP: Minerva uses new Section Links generation

Reason:

Superseded by https://gerrit.wikimedia.org/r/967525

https://gerrit.wikimedia.org/r/966313

Change 963420 abandoned by Bartosz Dziewoński:

[mediawiki/skins/MinervaNeue@master] Support SkinEditSectionLinks hook as used by VisualEditor

Reason:

Superseded by https://gerrit.wikimedia.org/r/967525

https://gerrit.wikimedia.org/r/963420

matmarex moved this task from Code Review to QA on the Editing-team (Kanban Board) board.

I think that's everything! The last unmerged change (https://gerrit.wikimedia.org/r/c/mediawiki/extensions/VisualEditor/+/956514) is just code cleanup at this point.

Ryasmeen removed a project: Editing QA.
Ryasmeen subscribed.

There is still a stray icon floating near the top of the page.

Screenshot 2023-11-06 at 3.36.31 PM.png (692×1 px, 148 KB)

Change 956514 merged by jenkins-bot:

[mediawiki/extensions/VisualEditor@master] Remove handling of Minerva edit links

https://gerrit.wikimedia.org/r/956514

Change 995231 had a related patch set uploaded (by Sophivorus; author: Bartosz Dziewoński):

[mediawiki/extensions/VisualEditor@REL1_39] DesktopArticleTarget.init: Remove code for updating edit links

https://gerrit.wikimedia.org/r/995231

Change 995231 merged by jenkins-bot:

[mediawiki/extensions/VisualEditor@REL1_39] DesktopArticleTarget.init: Remove code for updating edit links

https://gerrit.wikimedia.org/r/995231