moodle/moodle
3
0
Fork 0
mirror of https://github.com/moodle/moodle.git synced 2025-08-04 16:36:37 +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 .user-grade .courseitem,
.path-grade-report-user .user-grade .categoryitem {font-weight: bold;}
.path-grade-report-user .user-grade td.cell {padding-left: 5px;padding-right: 5px;}
#graded_users_selector {float: right;text-align: right;}
.path-grade-report-user #graded_users_selector {
float: right;
}
.path-grade-report-user #graded_users_selector .singleselect label {
display: inline-block;
}
/* this must be last if we want to override other category and course item colors */
.user-grade {border: 1px solid black;margin: auto;padding: 0.25em;font-size: 0.8em;}
.user-grade td {margin: 1px;padding: 0.25em;min-width: 2em;vertical-align: top;}
.user-grade thead {border-bottom: 3px double black;}
.user-grade thead th {padding: 0.25em 0.75em;}
.user-grade tbody th {text-align:left;}
/* These need to be this specific to override the css from .generaltable */
.user-grade tbody > tr:nth-child(n) > td.oddd1,
.user-grade tbody > tr:nth-child(n) > th.oddd1 {background-color: #f3dfd0;}
.user-grade tbody > tr:nth-child(n) > td.oddd2,
.user-grade tbody > tr:nth-child(n) > th.oddd2 {background-color: #d0dbf3;}
.user-grade tbody > tr:nth-child(n) > td.oddd3,
.user-grade tbody > tr:nth-child(n) > th.oddd3 {background-color: #d0f3d6;}
.user-grade tbody > tr:nth-child(n) > td.oddd4,
.user-grade tbody > tr:nth-child(n) > th.oddd4 {background-color: #f0f0aa;}
.user-grade tbody > tr:nth-child(n) > td.evend2,
.user-grade tbody > tr:nth-child(n) > th.evend2 {background-color: #b0bbd3;}
.user-grade tbody > tr:nth-child(n) > td.evend3,
.user-grade tbody > tr:nth-child(n) > th.evend3 {background-color: #b0dfb6;}
.user-grade tbody > tr:nth-child(n) > td.evend4,
.user-grade tbody > tr:nth-child(n) > th.evend4 {background-color: #cac8be;}
.user-grade td.b1t,
.user-grade td.b2t,
.user-grade th.b1t,
.user-grade th.b2t {border-top: 2px solid black;}
.user-grade td.b1r,
.user-grade td.b2r,
.user-grade th.b1r,
.user-grade th.b2r {border-right: 2px solid black;}
.user-grade td.b1b,
.user-grade td.b2b,
.user-grade th.b1b,
.user-grade th.b2b {border-bottom: 2px solid black;}
.user-grade td.b1l,
.user-grade td.b2l,
.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;}
.path-grade-report-user .user-grade {
width: 100%;
border: 1px solid;
}
.path-grade-report-user .user-grade thead th {
vertical-align: bottom;
}
.path-grade-report-user .user-grade th {
text-align:left;
}
.path-grade-report-user .user-grade td {
min-width: 4.5em;
vertical-align: top;
}
.path-grade-report-user .user-grade .b1l {
padding: 0;
width:24px;
min-width: 24px;
}
.path-grade-report-user .user-grade tbody .column-itemname {
padding-left: 0;
padding-right: 8px
}
.path-grade-report-user .user-grade .column-itemname.item,
.path-grade-report-user .user-grade .gradeitemdescription {
font-weight: normal;
padding-left: 24px;
}
.path-grade-report-user .user-grade .column-itemname.baggt,
.path-grade-report-user .user-grade .column-itemname.baggb {
padding-left: 24px;
}
.path-grade-report-user .user-grade .baggt,
.path-grade-report-user .user-grade .baggb {
font-weight: bold;
}
table.user-grade td.feedbacktext {text-align:left;width: 40%;font-size: 0.8em;white-space:normal;}
table.user-grade td.itemcenter {text-align:center;}
.user-grade .gradeitemdescription { font-weight: normal; position: absolute; }
.user-grade .gradeitemdescriptionfiller { clear: left; height: 1em; }
.user-grade .gradeitemdescription { font-weight: normal; position: absolute;}
.dir-rtl.path-grade-report-user #graded_users_selector {
float: left;
}
.dir-rtl.path-grade-report-user .user-grade th {
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-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;
}
}
}