Page MenuHomePhabricator

Improve UI of pagelist items in ProofreadPage
Open, Needs TriagePublic

Description

This task proposes small UI improvements to pagelist items in the ProofreadPage extension.

Proposed changes:

  • Add rounded corners to pagelist items
  • Add hover highlight effect
  • Improve spacing between items

These changes aim to improve readability and provide a more modern UI experience.

Related Gerrit changes:
(Will be linked after creation)

Requesting feedback before finalizing the implementation.

Event Timeline

Hi, I would like to work on this task.

I have experience in JavaScript and frontend development (React). I have gone through the task description and would like to try fixing this issue. Please let me know if it is available.

Thanks!

Change #1253756 had a related patch set uploaded (by RisXeng; author: RisXeng):

[mediawiki/extensions/ProofreadPage@master] Improve spacing for pagelist items in ProofreadPage UI

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

@RisXeng Is this task related to T359703: Add a "Bulk OCR" feature to Index Pages on Wikisource? Could you add some before and after screenshots to the description, so people can see what you are proposing? Also you should assign this task to yourself.

@SheetalPro RisXeng is already working on this, but you are welcome to review their patches on Gerrit.

Change #1253458 had a related patch set uploaded (by RisXeng; author: RisXeng):

[mediawiki/extensions/ProofreadPage@master] Improve spacing for pagelist items in ProofreadPage UI

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

Change #1253463 had a related patch set uploaded (by RisXeng; author: RisXeng):

[mediawiki/extensions/ProofreadPage@master] Add hover highlight for pagelist items

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

Change #1256309 had a related patch set uploaded (by RisXeng; author: Bhsd):

[mediawiki/extensions/ProofreadPage@master] Improve spacing for pagelist items in ProofreadPage UI

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

Change #1256309 abandoned by RisXeng:

[mediawiki/extensions/ProofreadPage@master] Improve spacing for pagelist items in ProofreadPage UI

Reason:

Superseded by combined patch (hover + spacing)

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

Change #1253463 had a related patch set uploaded (by RisXeng; author: RisXeng):

[mediawiki/extensions/ProofreadPage@master] Add hover highlight and improve spacing for pagelist items

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

Change #1253756 abandoned by RisXeng:

[mediawiki/extensions/ProofreadPage@master] Improve spacing for pagelist items in ProofreadPage UI

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

Change #1253756 restored by RisXeng:

[mediawiki/extensions/ProofreadPage@master] Improve spacing for pagelist items in ProofreadPage UI

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

Change #1253756 abandoned by RisXeng:

[mediawiki/extensions/ProofreadPage@master] Improve spacing for pagelist items in ProofreadPage UI

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

Change #1253756 restored by RisXeng:

[mediawiki/extensions/ProofreadPage@master] Improve spacing for pagelist items in ProofreadPage UI

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

Change #1253756 abandoned by RisXeng:

[mediawiki/extensions/ProofreadPage@master] Improve spacing for pagelist items in ProofreadPage UI

Reason:

Superseded by combined change.

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

Change #1253458 abandoned by RisXeng:

[mediawiki/extensions/ProofreadPage@master] Improve spacing for pagelist items in ProofreadPage UI

Reason:

Superseded by combined change.

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

Change #1253463 abandoned by RisXeng:

[mediawiki/extensions/ProofreadPage@master] Add hover highlight and improve spacing for pagelist items

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

Change #1253965 had a related patch set uploaded (by Pppery; author: RisXeng):

[mediawiki/extensions/Wikisource@master] Add loading indicator and improve UX for Bulk OCR process

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

Change #1253965 abandoned by RisXeng:

[mediawiki/extensions/Wikisource@master] Add loading indicator and improve UX for Bulk OCR process

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