Due to new header changes, notification count appears misaligned on ALL wikis.
Opera mini beta mode - non-beta header appears
expected behavior: beta mode header should appear
Opera mini regular - new header not present
expected behavior: new header should appear (without branding)
I'm sorry to be a pain but I've also spent time and the best solution I could find that wouldn't change the HTML is center using flexbox. I've submitted https://gerrit.wikimedia.org/r/340308 as an alternative to Baha's patch.
Looks pretty good on Staging. Here are the screenshots:
|Screenshots||Android Device OS - Browser Version||iOS Device OS - Browser Version|
|Nexus 6P Android 7 - Firefox 50||iPhone 6 iOS 8.1 - Safari 8.0|
|Galaxy Note 3 Android 4.4 - Firefox 50||iPhone 6S+ iOS 9.0 - Chrome 47|
|Nexus 9 Tablet Android 6.0 - Chrome 55||iPad Air 2 iOS 9.0 - Safari 9.0|
|Galaxy S6 Android 5.0 - Android Browser 5.0||iPhone 5s iOS 7.0 - Safari 7.0|
|Nexus 6 Android 5 - Maxthon 4.5||iPhone 6s iOS 9.0 - Chrome 47|
Summary of tradeoffs:
- Table-cell approach (Baha): All well aligned but Chrome mobile (aligned but a bit misplaced to the top)
- Flexbox approach: All well aligned but iOS <= 8 (aligned but a bit misplaced to the bottom)
The patch deployed is the Flexbox approach, which is why you see old iOS a bit misaligned.