| Krinkle | |
| Mar 20 2020, 8:06 PM |
| F31787179: Screenshot 2020-04-29 at 20.27.00.png | |
| Apr 29 2020, 7:28 PM |
| F31700503: en.m.wikipedia.org_wiki_Kevin_Daley_(politician)(iPhone 6_7_8) (1).png | |
| Mar 24 2020, 8:19 PM |
| F31700504: en.m.wikipedia.org_wiki_Kevin_Daley_(politician)(iPhone 6_7_8).png | |
| Mar 24 2020, 8:19 PM |
| F31698943: image.png | |
| Mar 23 2020, 1:30 PM |
| F31694374: Screenshot 2020-03-20 at 20.00.35.png | |
| Mar 20 2020, 8:07 PM |
| F31694347: Screenshot 2020-03-20 at 19.57.30.png | |
| Mar 20 2020, 8:06 PM |
| F31694344: Screenshot 2020-03-20 at 19.58.14.png | |
| Mar 20 2020, 8:06 PM |
| Default reader view (logged-out) | Logged-in view |
|---|---|
 |  |
It seems that the flex-end style rule is not working as intended when logged-in. This causes the buttons to be spread out over the screen and appear quite far apart. This feels rather disorienting.
Another example from https://en.m.wikipedia.org/wiki/File:Example.svg:
Also an issue at smaller screen size
| current | desired |
 |  |
| Status | Subtype | Assigned | Task | ||
|---|---|---|---|---|---|
| Open | None | T287412 [GOAL, placeholder] Fix bugs relating to user experience in Minerva impacting mobile users | |||
| Open | None | T248198 Minerva: Logged-in page actions spread out |
From a quick glance at the dev tools I see this could be due to flex-grow override. If disabled, it creates the expected result (preview below). This might not be the right patch though, I'm sure the rule is there there for a reason and might have other side-effects :)
Is this by design @Jdrewniak and @alexhollender ? I remember we had a lot of different combinations for this menu (AMC, AMC+download icon, normal, normal+download icon).
