From 30e89a5a9dbff6aae1e0527294b9330cb74c4032 Mon Sep 17 00:00:00 2001
From: Mihail Geshoski <mihail@moodle.com>
Date: Thu, 22 Nov 2018 12:51:29 +0800
Subject: [PATCH] MDL-64142 gradebook: Fix the left hand table column on scroll

---
 theme/boost/scss/moodle/grade.scss         |  8 +++++++-
 theme/boost/style/moodle.css               | 20 +++++++++++++-------
 theme/bootstrapbase/less/moodle/grade.less |  2 +-
 theme/bootstrapbase/style/moodle.css       | 16 ++++++++--------
 4 files changed, 29 insertions(+), 17 deletions(-)

diff --git a/theme/boost/scss/moodle/grade.scss b/theme/boost/scss/moodle/grade.scss
index 5d92a34c2f0..af49c10a3a3 100644
--- a/theme/boost/scss/moodle/grade.scss
+++ b/theme/boost/scss/moodle/grade.scss
@@ -359,7 +359,7 @@
 /**
  * Grader report.
  */
-.path-grade-report {
+.path-grade-report-grader {
     .gradeparent {
         table {
             @include border-radius($border-radius);
@@ -384,6 +384,12 @@
             cursor: pointer;
         }
     }
+    #page-header.row {
+        flex: 1 0 auto;
+    }
+    #page-wrapper #page {
+        flex-flow: wrap;
+    }
 }
 
 /**
diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css
index 4fed1409481..0d1cfb6e0ee 100644
--- a/theme/boost/style/moodle.css
+++ b/theme/boost/style/moodle.css
@@ -16348,21 +16348,27 @@ p.arrow_button {
 /**
  * Grader report.
  */
-.path-grade-report .gradeparent tr .cell {
+.path-grade-report-grader .gradeparent tr .cell {
   background-color: #fff; }
 
-.path-grade-report .gradeparent table,
-.path-grade-report .gradeparent .cell {
+.path-grade-report-grader .gradeparent table,
+.path-grade-report-grader .gradeparent .cell {
   border-color: #dee2e6; }
 
-.path-grade-report .gradeparent tr:nth-of-type(even) .cell,
-.path-grade-report .gradeparent .floater .cell,
-.path-grade-report .gradeparent .avg {
+.path-grade-report-grader .gradeparent tr:nth-of-type(even) .cell,
+.path-grade-report-grader .gradeparent .floater .cell,
+.path-grade-report-grader .gradeparent .avg {
   background-color: #f8f9fa; }
 
-.path-grade-report .gradeparent table .clickable {
+.path-grade-report-grader .gradeparent table .clickable {
   cursor: pointer; }
 
+.path-grade-report-grader #page-header.row {
+  flex: 1 0 auto; }
+
+.path-grade-report-grader #page-wrapper #page {
+  flex-flow: wrap; }
+
 /**
  * User report.
  */
diff --git a/theme/bootstrapbase/less/moodle/grade.less b/theme/bootstrapbase/less/moodle/grade.less
index bb80f7afcd5..911a1552409 100644
--- a/theme/bootstrapbase/less/moodle/grade.less
+++ b/theme/bootstrapbase/less/moodle/grade.less
@@ -297,7 +297,7 @@
 /**
  * Grader report.
  */
-.path-grade-report {
+.path-grade-report-grader {
     .gradeparent {
         table {
             .border-radius(@baseBorderRadius);
diff --git a/theme/bootstrapbase/style/moodle.css b/theme/bootstrapbase/style/moodle.css
index cee585b080a..184001876da 100644
--- a/theme/bootstrapbase/style/moodle.css
+++ b/theme/bootstrapbase/style/moodle.css
@@ -19164,24 +19164,24 @@ button.yui3-button.closebutton:hover {
 /**
  * Grader report.
  */
-.path-grade-report .gradeparent table {
+.path-grade-report-grader .gradeparent table {
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
 }
-.path-grade-report .gradeparent tr .cell {
+.path-grade-report-grader .gradeparent tr .cell {
   background-color: #fff;
 }
-.path-grade-report .gradeparent table,
-.path-grade-report .gradeparent .cell {
+.path-grade-report-grader .gradeparent table,
+.path-grade-report-grader .gradeparent .cell {
   border-color: #ddd;
 }
-.path-grade-report .gradeparent tr:nth-of-type(even) .cell,
-.path-grade-report .gradeparent .floater .cell,
-.path-grade-report .gradeparent .avg {
+.path-grade-report-grader .gradeparent tr:nth-of-type(even) .cell,
+.path-grade-report-grader .gradeparent .floater .cell,
+.path-grade-report-grader .gradeparent .avg {
   background-color: #f9f9f9;
 }
-.path-grade-report .gradeparent table .clickable {
+.path-grade-report-grader .gradeparent table .clickable {
   cursor: pointer;
 }
 /**