Page MenuHomePhabricator

Fix Date range alignment issues in filter menu in some browsers
Closed, ResolvedPublicSpike

Description

The 'Date range' filter seems to have weird alignment issues on some browsers. It looks fine in Chrome but is confirmed out of alignment in Firefox, Safari, and has been reported out of alignment in Opera.

Chrome (correct)

Screenshot 2023-08-29 at 13.58.34.png (290×468 px, 27 KB)

Firefox

Screenshot 2023-08-29 at 13.58.45.png (288×458 px, 27 KB)

Safari

Screenshot 2023-08-29 at 13.59.44.png (268×444 px, 25 KB)

Event Timeline

Samwalton9-WMF created this task.
Scardenasmolinar changed the task status from Open to In Progress.Aug 30 2023, 11:50 PM
Scardenasmolinar claimed this task.
Scardenasmolinar moved this task from Ready to In Progress on the Moderator-Tools-Team (Kanban) board.

Change 953745 had a related patch set uploaded (by Scardenasmolinar; author: Scardenasmolinar):

[mediawiki/extensions/PageTriage@master] Remove float CSS rule in date inputs

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

I have removed the float CSS property and, while not vertically aligned, it looks better on all browsers.

Screenshot 2023-08-31 at 8.42.29.png (86×205 px, 5 KB)

Test wiki created on Patch demo by SCardenas (WMF) using patch(es) linked to this task:
https://patchdemo.wmflabs.org/wikis/c4a2d6fca6/w

Change 953745 merged by jenkins-bot:

[mediawiki/extensions/PageTriage@master] Fix date inputs misalignment

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

Test wiki on Patch demo by SCardenas (WMF) using patch(es) linked to this task was deleted:

https://patchdemo.wmflabs.org/wikis/c4a2d6fca6/w/

Vertical alignment achieved.