moodle/grade/report/grader/styles.css
Mihail Geshoski 9d80686630 MDL-64236 gradereport_grader: Add padding to content in grader report
In certain operative systems the browser's scrollbar may partly cover
the content in the student header and user cells when horizontally
scrolling through the table contents. This is most noticeable when in
RTL mode. Adding slight padding on the left (or right in RTL mode) to
the content in these cells would fix this UI issue.
2021-05-26 13:33:07 +08:00

208 lines
4.1 KiB
CSS

/**
* Container.
*/
.path-grade-report-grader .gradeparent {
position: relative;
}
/**
* Tooltip and overlay.
*/
.path-grade-report-grader .gradeparent .grader-information-tooltip {
min-width: 200px;
}
.path-grade-report-grader .gradeparent .graderreportoverlay {
background-color: white;
width: auto;
padding: 10px;
font-size: 12px;
border: 1px solid #ccc;
border-radius: 4px;
}
/**
* The table.
*/
.path-grade-report-grader .gradeparent table {
border: 1px solid #ccc;
border-collapse: separate;
border-spacing: 0;
border-bottom-width: 0;
border-right-width: 0;
margin-bottom: 2em;
}
/**
* All the cells.
*/
.path-grade-report-grader .gradeparent .cell {
border: 1px solid #ccc;
border-top-width: 0;
border-left-width: 0;
padding: 4px 5px;
vertical-align: middle;
text-align: right;
white-space: nowrap;
}
/**
* All the floating divs.
*/
.path-grade-report-grader .gradeparent .floater {
display: none;
}
.path-grade-report-grader .gradeparent .floating {
display: block;
}
/**
* All the headers + floating cells.
*/
.path-grade-report-grader .gradeparent .heading .cell,
.path-grade-report-grader .gradeparent .avg .cell,
.path-grade-report-grader .gradeparent .user.cell {
font-size: 14px;
font-weight: normal;
text-align: left;
}
/**
* The user cells.
*/
.path-grade-report-grader .gradeparent .user.cell {
min-width: 200px;
width: 200px;
white-space: normal;
vertical-align: top;
}
.path-grade-report-grader .gradeparent .user.cell .userpicture {
border: none;
vertical-align: middle;
}
.path-grade-report-grader .gradeitemheader {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
max-width: 200px;
vertical-align: bottom;
}
/**
* The additional user fields.
*/
.path-grade-report-grader .gradeparent .userfield {
font-weight: normal;
text-align: left;
}
/**
* The footer's header.
*/
.path-grade-report-grader .gradeparent .range .header,
.path-grade-report-grader .gradeparent .avg .header {
font-weight: bold;
}
/**
* The footer's floating cells.
*/
.path-grade-report-grader .gradeparent .avg.floating .cell {
border-top-width: 1px;
}
/**
* The footer's cells.
*/
.path-grade-report-grader .gradeparent .avg .cell {
text-align: right;
}
/**
* Content styling.
*/
.path-grade-report-grader .gradeparent .heading .cell .iconsmall {
/* Fixes inconsistencies in cell height on IE. */
padding-top: 0;
padding-bottom: 0;
}
.path-grade-report-grader .gradeparent .sorticon {
margin-left: 3px;
}
.path-grade-report-grader .gradeparent .gradevalue {
display: inline-block;
}
.path-grade-report-grader span.gradepass {
color: #298721;
}
.path-grade-report-grader span.gradefail {
color: #890d0d;
}
.path-grade-report-grader .gradeparent tr:nth-child(n) td.overridden:nth-child(n) {
/* Made very specific to override the default stripped style of the table. */
background-color: #efd9a4;
}
.path-grade-report-grader .gradeparent tr:nth-child(n) td.ajaxoverridden:nth-child(n) {
/* Made very specific to override the default stripped style of the table. */
background-color: #ffe3a0;
}
.path-grade-report-grader .gradeparent .excludedfloater {
font-weight: bold;
color: red;
font-size: 9px;
float: left;
}
.path-grade-report-grader .gradeparent .category {
text-align: left;
}
/**
* Editing fields.
*/
.path-grade-report-grader .gradeparent select {
margin: 0;
padding: 0;
}
.path-grade-report-grader .gradeparent .text {
border: 1px solid #666;
width: auto;
margin: 0;
padding: 0;
text-align: center;
}
.path-grade-report-grader .gradeparent .quickfeedback {
border: 1px dashed #000;
width: auto;
margin: 0;
padding: 0;
margin-left: 10px;
}
.path-grade-report-grader .yui3-overlay {
border: 0;
background: none;
background-color: inherit;
min-width: 200px;
}
.path-grade-report-grader .yui3-overlay {
background-color: white;
width: auto;
padding: 10px;
font-size: 12px;
border: 1px solid #ccc;
border-radius: 4px;
}