Page MenuHomePhabricator

Add scrolling and resizing to No-JS gray context boxes on both article and talk pages
Closed, ResolvedPublic3 Estimated Story Points

Description

Mock

No-JS gray box scroll.png (975×1 px, 259 KB)

Gray boxes cannot be expanded in no-JS versions. At the moment they are editable, but only the part that is visible. There is no way to access the overflow text. Scroll and resizing functionality should be added to match the selection boxes. Minimum would be scrolling only, ideal would be both.

Acceptance Criteria

  • On click into gray box, user can scroll to see all content within.
  • On hover over gray box, user can scroll to see all content within.
  • Scroll bar is visible and matches style with the selection boxes. Color is Base 70 (#C8CCD1)
  • Resizing icon is added to gray boxes. User can resize vertically.
  • On hover over resizing icon, up/down arrow cursor is shown (match existing interaction for resizing icon for selection boxes).
  • Above functionality is implemented on both no-JS talk page conflicts and no-JS article page conflicts.

Event Timeline

Lena_WMDE set the point value for this task to 3.Apr 23 2020, 9:16 AM

Change 594120 had a related patch set uploaded (by Thiemo Kreuz (WMDE); owner: Thiemo Kreuz (WMDE)):
[mediawiki/extensions/TwoColConflict@master] Allow textarea scrolling & resizing in no-JS mode

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

Change 592633 had a related patch set uploaded (by Thiemo Kreuz (WMDE); owner: Awight):
[mediawiki/extensions/TwoColConflict@master] Fix unexpected position of scrollbars & resize handles in no-JS

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

thiemowmde moved this task from Doing to Review on the WMDE-QWERTY-Sprint-2020-04-29 board.
thiemowmde subscribed.

Change 592633 merged by jenkins-bot:
[mediawiki/extensions/TwoColConflict@master] Fix unexpected position of scrollbars & resize handles in no-JS

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

Change 594120 merged by jenkins-bot:
[mediawiki/extensions/TwoColConflict@master] Allow textarea scrolling & resizing in no-JS mode

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

WMDE-Fisch claimed this task.
WMDE-Fisch moved this task from Demo to Done on the WMDE-QWERTY-Sprint-2020-04-29 board.