moodle/moodle
3
0
Fork 0
mirror of https://github.com/moodle/moodle.git synced 2025-08-05 00:46:50 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

MDL-47363 Grades: Style for the User report

Browse source
This commit is contained in:
Barbara Ramiro 2014-10-08 16:37:50 +08:00 • committed by Marina Glancy
parent 3279fe928f
commit 2c7a86eb7f
3 changed files with 94 additions and 60 deletions
Download patch file Download diff file Expand all files Collapse all files

120
grade/report/user/styles.css
View file

@ -1,62 +1,62 @@
.path-grade-report-user .user-grade .datesubmitted {font-size: 0.7em;} .path-grade-report-user #graded_users_selector {
.path-grade-report-user .user-grade .courseitem, float: right;
.path-grade-report-user .user-grade .categoryitem {font-weight: bold;} }
.path-grade-report-user .user-grade td.cell {padding-left: 5px;padding-right: 5px;} .path-grade-report-user #graded_users_selector .singleselect label {
#graded_users_selector {float: right;text-align: right;} display: inline-block;
}
/* this must be last if we want to override other category and course item colors */ .path-grade-report-user .user-grade {
.user-grade {border: 1px solid black;margin: auto;padding: 0.25em;font-size: 0.8em;} width: 100%;
.user-grade td {margin: 1px;padding: 0.25em;min-width: 2em;vertical-align: top;} border: 1px solid;
.user-grade thead {border-bottom: 3px double black;} }
.user-grade thead th {padding: 0.25em 0.75em;} .path-grade-report-user .user-grade thead th {
.user-grade tbody th {text-align:left;} vertical-align: bottom;
/* These need to be this specific to override the css from .generaltable */ }
.user-grade tbody > tr:nth-child(n) > td.oddd1, .path-grade-report-user .user-grade th {
.user-grade tbody > tr:nth-child(n) > th.oddd1 {background-color: #f3dfd0;} text-align:left;
.user-grade tbody > tr:nth-child(n) > td.oddd2, }
.user-grade tbody > tr:nth-child(n) > th.oddd2 {background-color: #d0dbf3;} .path-grade-report-user .user-grade td {
.user-grade tbody > tr:nth-child(n) > td.oddd3, min-width: 4.5em;
.user-grade tbody > tr:nth-child(n) > th.oddd3 {background-color: #d0f3d6;} vertical-align: top;
.user-grade tbody > tr:nth-child(n) > td.oddd4, }
.user-grade tbody > tr:nth-child(n) > th.oddd4 {background-color: #f0f0aa;} .path-grade-report-user .user-grade .b1l {
.user-grade tbody > tr:nth-child(n) > td.evend2, padding: 0;
.user-grade tbody > tr:nth-child(n) > th.evend2 {background-color: #b0bbd3;} width:24px;
.user-grade tbody > tr:nth-child(n) > td.evend3, min-width: 24px;
.user-grade tbody > tr:nth-child(n) > th.evend3 {background-color: #b0dfb6;} }
.user-grade tbody > tr:nth-child(n) > td.evend4, .path-grade-report-user .user-grade tbody .column-itemname {
.user-grade tbody > tr:nth-child(n) > th.evend4 {background-color: #cac8be;} padding-left: 0;
.user-grade td.b1t, padding-right: 8px
.user-grade td.b2t, }
.user-grade th.b1t, .path-grade-report-user .user-grade .column-itemname.item,
.user-grade th.b2t {border-top: 2px solid black;} .path-grade-report-user .user-grade .gradeitemdescription {
.user-grade td.b1r, font-weight: normal;
.user-grade td.b2r, padding-left: 24px;
.user-grade th.b1r, }
.user-grade th.b2r {border-right: 2px solid black;} .path-grade-report-user .user-grade .column-itemname.baggt,
.user-grade td.b1b, .path-grade-report-user .user-grade .column-itemname.baggb {
.user-grade td.b2b, padding-left: 24px;
.user-grade th.b1b, }
.user-grade th.b2b {border-bottom: 2px solid black;} .path-grade-report-user .user-grade .baggt,
.user-grade td.b1l, .path-grade-report-user .user-grade .baggb {
.user-grade td.b2l, font-weight: bold;
.user-grade th.b1l, }
.user-grade th.b2l {border-left: 2px solid black;}
.user-grade td.baggt,
.user-grade td.baggb,
.user-grade th.baggt,
.user-grade th.baggb {font-style: italic;font-weight: bold;}
.user-grade td.baggt,
.user-grade th.baggt {border-top: 3px double black;}
.user-grade td.baggb,
.user-grade th.baggb {border-bottom: 3px double black;}
.user-grade td.item,
.user-grade th.item {border-left: 1px solid gray;border-right: 1px solid gray}
.user-grade td.excluded {background-color: #666;}
.user-grade td.feedbacktext {max-width:600px;padding:2px 2px;}
.pagelayout-report .user-grade .feedbacktext .no-overflow {overflow:auto;padding:0.25em;}
table.user-grade td.feedbacktext {text-align:left;width: 40%;font-size: 0.8em;white-space:normal;} .dir-rtl.path-grade-report-user #graded_users_selector {
table.user-grade td.itemcenter {text-align:center;} float: left;
.user-grade .gradeitemdescription { font-weight: normal; position: absolute; } }
.user-grade .gradeitemdescriptionfiller { clear: left; height: 1em; } .dir-rtl.path-grade-report-user .user-grade th {
.user-grade .gradeitemdescription { font-weight: normal; position: absolute;} text-align:right;
}
.dir-rtl.path-grade-report-user .user-grade tbody .column-itemname {
padding-right: 0;
padding-left: 8px;
}
.dir-rtl.path-grade-report-user .user-grade .column-itemname.item,
.dir-rtl.path-grade-report-user .user-grade .gradeitemdescription {
padding-right: 24px;
}
.dir-rtl.path-grade-report-user .user-grade .column-itemname.baggt,
.dir-rtl.path-grade-report-user .user-grade .column-itemname.baggb {
padding-right: 24px;
}

15
theme/base/style/grade.css
View file

@ -85,3 +85,18 @@
font-weight: normal; font-weight: normal;
font-style: italic; font-style: italic;
} }
/** User report **/
.path-grade-report-user .user-grade {
border-color: black;
}
.path-grade-report-user .user-grade.generaltable .levelodd {
background-color: #f0f0f0;
}
.path-grade-report-user .user-grade.generaltable .leveleven {
background-color: #fafafa;
}
.path-grade-report-user .user-grade.generaltable tbody tr:hover > td,
.path-grade-report-user .user-grade.generaltable tbody tr:hover > th {
background-color: #f5f5f5;
}

19
theme/bootstrapbase/less/moodle/grade.less
View file

@ -264,3 +264,22 @@
} }
} }
} }
/**
* User report
*/
.path-grade-report-user .user-grade {
border: none;
&.generaltable {
.levelodd {
background-color: @tableBackgroundAccent;
}
.leveleven {
background-color: @tableBackground;
}
tbody tr:hover > td,
tbody tr:hover > th {
background-color: @tableBackgroundHover;
}
}
}