Page MenuHomePhabricator

Fix My Library styling errors in Safari
Closed, ResolvedPublic

Description

In Safari (version 14.1.2, tested on two computers) My Library seems to have some styling errors:

Screenshot 2021-11-04 at 11.24.07.png (600×879 px, 145 KB)

  • Partner logos are stretched
  • 'Access collection', 'Apply', and 'Extend' buttons are silver instead of blue

We should fix this so that My Library looks like it does on Chrome:

Screenshot 2021-11-04 at 11.27.35.png (650×828 px, 155 KB)

Event Timeline

The buttons are now showing up blue as expected, but some logos are still stretched:

Screenshot 2021-11-10 at 11.17.59.png (704×1 px, 251 KB)

The ANB and EE examples here in particular should be square, I believe, but are stretched horizontally still, just smaller.

As we discussed at team check-in yesterday, the logos really are quite small now, but I'd consider this an acceptable improvement over large stretched logos.

We've got a report of this happening in Firefox/Chrome intermittently. I guess we should wait for this change to merge to see if it solves both issues.

https://en.wikipedia.org/wiki/Wikipedia_talk:The_Wikipedia_Library#Accessibility

The logos are definitely smaller now in Safari, but I don't see any stretching and the buttons are the correct colour.

Just asking some users if this looks resolved for them too.