Page MenuHomePhabricator

Confusing scrollbar & resize handle placement in no-JS mode
Closed, ResolvedPublic1 Estimated Story Points

Description

The placement of scrollbars and resize handles (in the corner below the scrollbar) is very odd, especially in no-JS mode:

Screenshot from 2020-04-30 10-32-01.png (366×538 px, 62 KB)

The large gaps on the right are where the buttons would go. But there are no buttons in no-JS mode.

The patch https://gerrit.wikimedia.org/r/592633 originally suggested to just remove some padding, leaving this:

Screenshot from 2020-04-30 10-31-44.png (354×542 px, 65 KB)

Note the padding to the bottom and right is entirely gone, and the text touches the border.

In patch set 3 I'm suggesting this instead:

Screenshot from 2020-04-30 10-34-35.png (335×543 px, 65 KB)

Changes:

  • The padding is still there, but not outside of the <textarea> any more, but inside.
  • The padding on the right is reduced.

Awaiting approval by @ecohen, and possibly PM, if needed.

Event Timeline

Restricted Application added a subscriber: Aklapper. · View Herald Transcript

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 set the point value for this task to 1.Apr 30 2020, 9:41 AM

I reviewed this with @ecohen and we think the suggestion ('third version' above) looks good, so happy for you to go ahead with the patch.

I will put the Unplanned-Sprint-Work tag back in for tracking purposes as it does have additional story points associated with it.

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

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