Adding overlay over course rows (#5403)

Author: annagav

static/js/components/dashboard/CourseListCard.js

@@ -126,7 +126,10 @@ export default class CourseListCard extends React.Component {
             {showStaffView ? `Courses - ${program.title}` : "Required Courses"}
           </h2>
           {showStaffView ? null : this.renderGradesOutOfDateMessage()}
-          {courseRows}
+          <div className="parent-overlay">
+            <div className="overlay" />
+            {courseRows}
+          </div>
         </CardContent>
       </Card>
     )

static/scss/dashboard/dashboard.scss

@@ -20,6 +20,22 @@
   font-weight: 600;
 }
 
+.parent-overlay {
+  position: relative;
+  height: 100%;
+  width: 100%;
+}
+
+.overlay {
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  display: block;
+  z-index: 999;
+  background-color: black;
+  opacity: 0.2;
+}
+
 .dashboard {
 
   h2 {