Page MenuHomePhabricator

Realtime Preview button shows no indication it is enabled in MonoBook skin
Closed, ResolvedPublic2 Estimated Story PointsBUG REPORT

Description

What is the problem?

Preview off:

monobook_off.png (333×1 px, 54 KB)

Preview on:

monobook_on.png (309×1 px, 59 KB)

In other skins, the "Preview" button is blue when it is on.

Steps to reproduce problem
  1. Login to beta and enable Realtime Preview via Special:Preferences beta tab
  2. Go to https://en.wikipedia.beta.wmflabs.org/w/index.php?title=Selenium_Echo_mention_test_0.8148390162093141&action=edit&useskin=monobook
  3. Click the "Preview" button
Environment

Wiki(s): https://en.wikipedia.beta.wmflabs.org MediaWiki 1.39.0-alpha (c8c7432) 13:33, 12 April 2022.
Editor, if applicable: WikiEditor 0.5.3 (85098ce) 06:15, 12 April 2022. CodeMirror 4.0.0 (758dd2c) 06:13, 12 April 2022.

Event Timeline

MusikAnimal subscribed.

Nice catch! I think the solution here (given we don't put much design effort into Monobook) is to mimic what is done for the CodeMirror button. This should be pretty easy to fix.

Change 781062 had a related patch set uploaded (by MusikAnimal; author: MusikAnimal):

[mediawiki/extensions/WikiEditor@master] Realtime Preview: make button toggle state more visible in MonoBook

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

Change 781062 merged by jenkins-bot:

[mediawiki/extensions/WikiEditor@master] Realtime Preview: make button toggle state more visible in MonoBook

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

RTP off:

monobook_off.png (260×1 px, 47 KB)

RTP on:

monobook_on.png (337×1 px, 58 KB)

This looks the same as the CodeMirror button when it is on:

monobook_on_cm.png (285×1 px, 62 KB)

I briefly checked the other skins to make sure the look of the button on and off had not changed.

Test environment: https://en.wikipedia.beta.wmflabs.org WikiEditor 0.5.3 (06cda6e) 16:15, 22 April 2022.