| RHo | |
| Jun 4 2020, 10:28 PM |
| F31910704: image.png | |
| Jun 29 2020, 12:03 PM |
| F31908129: production_header.gif | |
| Jun 26 2020, 9:47 PM |
| F31908134: betalabs_header2.gif | |
| Jun 26 2020, 9:47 PM |
| F31853924: image.png | |
| Jun 4 2020, 10:28 PM |
| F31853920: image.png | |
| Jun 4 2020, 10:28 PM |
Minor visual enhancement to distinguish the sticky header and footer when guidance contents scroll.
Current  | Proposed  |
Proposal
When the help panel content overflows the fixed height available and the user starts scrolling, a slight drop shadow should appear on the header and footer (as illustrated above)
box-shadow:0 0px 2px 0 rgba(0, 0, 0, 0.25);
| Status | Subtype | Assigned | Task | ||
|---|---|---|---|---|---|
| Resolved | • Rileych | T239181 [EPIC] Growth: Newcomer tasks 1.2 (guidance) | |||
| Resolved | kostajh | T244431 Newcomer tasks: guidance panel behavior | |||
| Resolved | kostajh | T244541 Newcomer tasks: suggested edit screen in guidance | |||
| Resolved | Tgr | T254529 Newcomer tasks: UI enhancement - add a drop-shadow under the header and footer when guidance contents scroll |
I don't think it's possible to have a box shadow which is visible at the top and bottom but not at the sides; but hopefully a border will be close enough.
Change 607642 had a related patch set uploaded (by Gergő Tisza; owner: Gergő Tisza):
[mediawiki/extensions/GrowthExperiments@master] [WIP] Add a border above/below guidance when it is cut off due to scrolling
Of course shadow needs to be applied to the header/footer, not the panel itself, d'oh.
Change 607642 merged by jenkins-bot:
[mediawiki/extensions/GrowthExperiments@master] Add a box-shadow above/below guidance when it is cut off due to scrolling
Checked in betalabs - looks according to the specs; please review the gifs below:
| betalabs | production (no header shadow) |
 |  |
