From 1815bb3b3eee6bc7aa336e3eed740eb1d8891062 Mon Sep 17 00:00:00 2001
From: Mihail Geshoski <mihail@moodle.com>
Date: Wed, 9 Nov 2022 00:06:34 +0800
Subject: [PATCH] MDL-76239 gradereport_user: Fix the styling of the the user
 report

Applies the appropriate styling to the user report generated by the
profile report callback.
---
 grade/report/user/styles.css | 67 ++++++++++++++++++++++++------------
 1 file changed, 45 insertions(+), 22 deletions(-)

diff --git a/grade/report/user/styles.css b/grade/report/user/styles.css
index daf75698b07..fa84f0e9299 100644
--- a/grade/report/user/styles.css
+++ b/grade/report/user/styles.css
@@ -14,79 +14,93 @@
     display: inline-block;
 }
 
-.path-grade-report-user .user-grade {
+.path-grade-report-user .user-grade,
+.grade-report-user .user-grade {
     width: 100%;
-    border: 1px solid;
 }
 
-.path-grade-report-user .user-grade thead th {
+.path-grade-report-user .user-grade thead th,
+.grade-report-user .user-grade thead th {
     vertical-align: bottom;
     border: none;
     text-align: left;
     background-color: #f8f9fa;
 }
 
-.path-grade-report-user .user-grade td {
+.path-grade-report-user .user-grade td,
+.grade-report-user .user-grade td {
     min-width: 4.5em;
     background-color: #f8f9fa;
     border: none;
     vertical-align: middle;
 }
 
-.path-grade-report-user .user-grade .b1l {
+.path-grade-report-user .user-grade .b1l,
+.grade-report-user .user-grade .b1l {
     padding: 0;
     width: 24px;
     min-width: 24px;
 }
 
-.path-grade-report-user .user-grade tbody .column-itemname {
+.path-grade-report-user .user-grade tbody .column-itemname,
+.grade-report-user .user-grade tbody .column-itemname {
     padding-left: 24px;
     padding-right: 8px;
 }
 
 .path-grade-report-user .user-grade .column-itemname.baggt,
-.path-grade-report-user .user-grade .column-itemname.baggb {
+.path-grade-report-user .user-grade .column-itemname.baggb,
+.grade-report-user .user-grade .column-itemname.baggt,
+.grade-report-user .user-grade .column-itemname.baggb {
     padding-left: 0;
 }
 
 .path-grade-report-user .user-grade .column-itemname .itemicon,
-.path-grade-report-user .user-grade .column-itemname .itemicon {
+.grade-report-user .user-grade .column-itemname .itemicon {
     font-size: 18px;
     width: 18px;
     height: 18px;
 }
 
 .path-grade-report-user .user-grade .baggt,
-.path-grade-report-user .user-grade .baggb {
+.path-grade-report-user .user-grade .baggb,
+.grade-report-user .user-grade .baggt,
+.grade-report-user .user-grade .baggb {
     font-weight: bold;
 }
 
-.path-grade-report-user  .user-report-container {
+.path-grade-report-user .user-report-container,
+.grade-report-user .user-report-container {
     margin: 20px 0 30px 0;
     padding: 10px 10px;
     background-color: #f8f9fa;
 }
 
-.path-grade-report-user .user-grade tbody tr {
+.path-grade-report-user .user-grade tbody tr,
+.grade-report-user .user-grade tbody tr {
     background-color: #f8f9fa;
 }
 
-.path-grade-report-user .user-grade tbody tr:hover {
+.path-grade-report-user .user-grade tbody tr:hover,
+.grade-report-user .user-grade tbody tr:hover {
     color: inherit;
     background-color: #f8f9fa;
 }
 
-.path-grade-report-user .user-grade tbody tr.spacer {
+.path-grade-report-user .user-grade tbody tr.spacer,
+.grade-report-user .user-grade tbody tr.spacer {
     height: 0.5rem;
 }
 
-.path-grade-report-user .user-grade td.item {
+.path-grade-report-user .user-grade td.item,
+.grade-report-user .user-grade td.item {
     background-color: white;
     border-top: 1px solid #dee2e6;
     border-bottom: 1px solid #dee2e6;
 }
 
-.path-grade-report-user .user-grade td.category {
+.path-grade-report-user .user-grade td.category,
+.grade-report-user .user-grade td.category {
     background-color: white;
     border: 1px solid #dee2e6;
     padding-left: 10px;
@@ -94,11 +108,14 @@
 }
 
 .path-grade-report-user .user-grade td.category a[aria-expanded="true"] .expanded,
-.path-grade-report-user .user-grade td.category a[aria-expanded="false"] .collapsed {
+.path-grade-report-user .user-grade td.category a[aria-expanded="false"] .collapsed,
+.grade-report-user .user-grade td.category a[aria-expanded="true"] .expanded,
+.grade-report-user .user-grade td.category a[aria-expanded="false"] .collapsed {
     display: none;
 }
 
-.path-grade-report-user .user-grade td.category a.toggle-category {
+.path-grade-report-user .user-grade td.category a.toggle-category,
+.grade-report-user .user-grade td.category a.toggle-category {
     height: 24px;
     width: 24px;
     font-size: 12px;
@@ -106,7 +123,8 @@
     margin-right: 3px;
 }
 
-.path-grade-report-user .user-grade td.category a.toggle-category i {
+.path-grade-report-user .user-grade td.category a.toggle-category i,
+.grade-report-user .user-grade td.category a.toggle-category i {
     font-size: 12px;
     width: 12px;
     height: 12px;
@@ -114,15 +132,18 @@
     margin: 0;
 }
 
-.path-grade-report-user .user-grade .column-itemname .small {
+.path-grade-report-user .user-grade .column-itemname .small,
+.grade-report-user .user-grade .column-itemname .small {
     font-size: 70%;
 }
 
-.path-grade-report-user .user-grade tr[data-hidden="true"] {
+.path-grade-report-user .user-grade tr[data-hidden="true"],
+.grade-report-user .user-grade tr[data-hidden="true"] {
     display: none;
 }
 
-.path-grade-report-user .user-grade .category div {
+.path-grade-report-user .user-grade .category div,
+.grade-report-user .user-grade .category div {
     min-height: 30px;
     align-items: center;
 }
@@ -152,12 +173,14 @@
 }
 
 @media print {
-    .path-grade-report-user .user-grade td.category {
+    .path-grade-report-user .user-grade td.category,
+    .grade-report-user .user-grade td.category {
         border-left: none;
         border-right: none;
     }
 
     .path-grade-report-user .user-grade td.category a.toggle-category,
+    .grade-report-user .user-grade td.category a.toggle-category
     .path-grade-report-user #page-footer {
         display: none;
     }