Last modified: 2012-09-11 00:46:19 UTC
When showing the curation toolbar and its flyouts on a small screen (e.g.: 1024 x 786), some users (e.g. BarkingFish from our IRC chat) have reported that they cannot see parts of the flyout, as shown in the attached screenshot (where the 'Add Tags' flyout is so low that you can only see half of the notes box, and the button for adding tags is right off the bottom of the page). To address this issue, I propose that we move the position of the 'Add Tags' flyout up by about 80 pixels or so, in order for its bottom button to show up above the fold. We may also want to adjust the position of the WikiLove and 'Mark for Deletion' flyouts as well, so their bottom buttons appear on the screen in a 1024x786 display. To reduce the height of the Add Tags flyout, we may also consider making the personal note text box be only 1-2 lines, instead or 3-4 lines -- perhaps even widening it as well to extend across the entire flyout width (less padding), if needed.
Created attachment 10968 [details] Example of how the 'Add Tags' panel appears on BarkingFish's small 1024x786 screen.
*** Bug 39411 has been marked as a duplicate of this bug. ***
See related bug #39411, marked as duplicate, because it relates to the same issue. Alter the placement of the Curation Toolbar Instead of it being positioned absolutely, it should be positioned based on the placement of the article window to allow us to put it higher while simultaneously avoiding interfering with the CentralNotice extension and suchlike. Filed by Oliver Keyes via email. I agree with Oliver that if we have room to go higher with the Curation bar placement, we should aim to nudge it up, at the same time that we adjust the position of the flyouts.
Unfortunately Oliver's solution doesn't work well since the placement of the bodyContent div relative to the window depends on a variety of factors - skin, screen size, etc. Specifically the distance from the right-hand side of screen is important since this is where the toolbar is docked to and that distance isn't fixed (it can even change after the page has loaded).
Improved in https://gerrit.wikimedia.org/r/#/c/23029/.
