Prepare and integrate grader code from UCLA

Preparation

1. Create a Medium course, and an XS course
2. View the gradebook for each

Instructions

Sorry - there's no behat for this and I don't think it's possible for behat to work with it sadly.
In a variety of browsers, and using at least the bootstrapbase, and base themes, and using RTL:

1. Move around the gradebook and confirm:
   • that you can always see the row header and columns
   • that the columns and grades line up with the correct user and activity
   • that floating headers appear at the 'correct' times:
     • The left headers should be visible all time time
     • The footer should always be available if it is present
     • The header should always be visible
     • The various left headers (Overall Average, Controls, and Range if enabled) are always visible
2. Turn editing on
   • Reconfirm
3. Turn editing off
4. Edit the preferences, and enable AJAX editing
5. Scroll into the middle of the course to ensure that all of the floating headers are visible and floating
6. Click into a cell
   • Confirm that the cell is replaced with an input field
   • Confirm that the floating column header resized to fit the new width
7. Inspect the input field and add some more height to the class - e.g.

   .gradeparent .text {

   height: 50px;

   }

8. Click into another field
   • Confirm that the input field is nice and large again
   • Confirm that the height of the floating username cell was updated too

Notes:

• IE sucks at tables, regardless of these changes. Even with no Javascript enabled at all, it sucks.
• Generally speaking tablet devices only emit one scroll event - at the end of the touch.