weekly release 4.0dev
[moodle.git] / theme / boost / scss / moodle / grade.scss
CommitLineData
536f0460
DW
1// The class gradetreebox matches the pages displaying the gradebook
2// "Gradebook setup" > "Simple view" and "Full view".
3.gradetreebox {
4 h4 {
5 // Force back the base font-size to minimise width.
6 font-size: $font-size-base;
7 }
f4143537 8
536f0460
DW
9 th.cell,
10 input[type=text] {
11 // Fallback on the minimum width.
12 width: auto;
13 }
f4143537 14
536f0460
DW
15 input[type=text],
16 select {
17 // Remove the bottom margin to gain height.
18 margin-bottom: 0;
19 }
20}
21
22// Grade upgrade notice.
23.core_grades_notices {
24 .singlebutton {
25 display: inline-block;
26 }
27}
28
6e79ea58 29.path-grade-report #maincontent + .urlselect {
1572a392
DW
30 position: absolute;
31 left: 40vw;
32}
33
34.path-grade-report-grader {
35 #region-main {
4444c45d 36 overflow-x: visible;
4274880b 37 min-width: 100%;
1572a392 38 width: auto;
bde5947d 39 display: inline-flex;
edf3f4d1 40 flex-direction: column;
1572a392
DW
41 & > .card {
42 width: auto;
43 overflow-x: initial;
44 }
bde5947d
MG
45 div[role="main"] {
46 flex: 1 1 auto;
47 }
1572a392
DW
48 }
49 [data-region="blocks-column"] {
50 width: 100%;
51 clear: both;
52 }
6e79ea58
DW
53}
54
536f0460
DW
55// Rubrics
56#page-grade-grading-manage {
57 #activemethodselector {
58 label {
59 display: inline-block;
60 }
f4143537 61
536f0460
DW
62 .helptooltip {
63 margin-right: 0.5em;
64 }
65 }
f4143537 66
536f0460
DW
67 .actions {
68 display: block;
69 text-align: center;
70 margin-bottom: 1em;
f4143537 71
536f0460 72 .action {
536f0460
DW
73 display: inline-block;
74 position: relative;
75 vertical-align: top;
76 width: 150px;
77 text-align: center;
78 overflow: hidden;
79 margin: 0.5em;
80 padding: 1em;
81 border: 1px solid #aaa;
f4143537 82
536f0460
DW
83 .action-text {
84 position: relative;
85 top: 0.4em;
86 font-size: 14px;
49cf53dd 87 white-space: normal;
536f0460
DW
88 }
89 }
90 }
91}
92
93#page-grade-grading-form-rubric-edit {
94 .gradingform_rubric_editform .status {
95 font-size: 70%;
96 }
97}
98
536f0460
DW
99#rubric-rubric {
100 &.gradingform_rubric {
101 #rubric-criteria {
102 margin-bottom: 1em;
103 $rubricPadding: 6px;
f4143537 104
536f0460
DW
105 .criterion {
106 .description {
107 vertical-align: top;
108 padding: $rubricPadding;
f4143537 109
536f0460 110 textarea {
fde35b8f 111 margin-bottom: 0;
536f0460
DW
112 height: 115px;
113 }
114 }
f4143537 115
536f0460
DW
116 .definition {
117 textarea {
118 width: 80%;
fde35b8f 119 margin-bottom: 0;
536f0460
DW
120 }
121 }
f4143537 122
536f0460
DW
123 .score {
124 position: relative;
125 float: left;
126 margin-right: 28px;
f4143537 127
536f0460 128 input {
fde35b8f 129 margin-bottom: 0;
536f0460
DW
130 }
131 }
f4143537 132
536f0460
DW
133 .level {
134 vertical-align: top;
135 padding: $rubricPadding;
f4143537 136
536f0460
DW
137 .delete {
138 position: relative;
139 width: 32px;
140 height: 32px;
141 margin-top: -32px;
142 clear: both;
143 float: right;
f4143537 144
536f0460
DW
145 input {
146 display: block;
147 position: absolute;
148 right: 0;
149 bottom: 0;
150 height: 24px;
151 width: 24px;
fde35b8f 152 margin: 0;
f4143537 153
536f0460
DW
154 &:hover {
155 background-color: #ddd;
156 }
157 }
158 }
159 }
f4143537 160
536f0460
DW
161 .scorevalue {
162 input {
163 // Should handle at least three chars with room to spare.
164 float: none;
165 width: 2em;
f4143537
DP
166
167 &.hiddenelement,
168 &.pseudotablink {
536f0460
DW
169 // Zero out the width if it's still in the block flow for some reason
170 // when hidden
171 width: 0;
172 }
173 }
174 }
f4143537 175
536f0460 176 .addlevel {
e944a8f8
LB
177 vertical-align: top;
178 padding-top: 6px;
f4143537 179
536f0460 180 input {
536f0460 181 height: 30px;
e944a8f8 182 line-height: 1rem;
536f0460
DW
183 }
184 }
185 }
186 }
f4143537 187
536f0460
DW
188 .addcriterion {
189 margin-left: 5px;
536f0460 190 padding: 0;
f4143537 191
536f0460
DW
192 input {
193 margin: 0;
194 color: inherit;
195 text-shadow: inherit;
fde35b8f 196 border: 0 none;
536f0460
DW
197 line-height: inherit;
198 background: transparent url([[pix:t/add]]) no-repeat 7px 8px;
199 padding-left: 26px;
200 }
f4143537 201 margin-bottom: 1em;
536f0460 202 }
f4143537 203
536f0460
DW
204 .options {
205 clear: both;
f4143537 206
536f0460
DW
207 .option {
208 label {
209 margin: 0;
210 padding: 0;
211 font-size: inherit;
212 font-weight: normal;
213 line-height: 2em;
214 color: inherit;
215 text-shadow: none;
216 background-color: transparent;
217 }
f4143537 218
536f0460
DW
219 input {
220 margin-left: 5px;
221 margin-right: 12px;
222 }
223 }
224 }
225 }
226}
07d8669d
MM
227.grade-display {
228 .description {
229 font-size: 1rem;
230 }
231}
bf7018b6
RW
232.criterion {
233 .description {
234 font-size: 1rem;
235 }
236
237 .criterion-toggle {
238 .expanded-icon {
239 display: block;
240 }
241
242 .collapsed-icon {
243 display: none;
244 }
eb9df053 245
bf7018b6
RW
246 &.collapsed {
247 .expanded-icon {
248 display: none;
249 }
250
251 .collapsed-icon {
252 display: block;
253 }
254 }
255 }
eb9df053
MM
256}
257
536f0460
DW
258// Set up grades layout.
259.path-grade-edit-tree .setup-grades {
260 h4 {
261 margin: 0;
262 }
f4143537 263
536f0460
DW
264 .column-rowspan {
265 padding: 0;
266 width: 24px;
267 min-width: 24px;
268 max-width: 24px;
269 }
f4143537 270
536f0460
DW
271 .category td.column-name {
272 padding-left: 0;
273 }
f4143537 274
536f0460
DW
275 td.column-name {
276 padding-left: 24px;
277 }
f4143537 278
d1c884a5
LB
279 td.movehere {
280 padding: 0;
281 }
282
283 td.movehere a.movehere {
284 display: block;
285 width: 100%;
286 height: 2rem;
71f05ec9 287 border: 2px dashed $gray-800;
d1c884a5
LB
288 }
289
536f0460
DW
290 .category input[type="text"],
291 .category .column-range,
292 .categoryitem,
293 .courseitem {
294 font-weight: bold;
295 }
f4143537 296
536f0460
DW
297 .emptyrow {
298 display: none;
299 }
f4143537 300
536f0460
DW
301 .gradeitemdescription {
302 font-weight: normal;
303 padding-left: 24px;
304 }
f4143537 305
536f0460
DW
306 .column-weight {
307 white-space: nowrap;
f4143537 308
536f0460
DW
309 &.level3 {
310 padding-left: 37px;
311 }
f4143537 312
536f0460
DW
313 &.level4 {
314 padding-left: 66px;
315 }
f4143537 316
536f0460
DW
317 &.level5 {
318 padding-left: 95px;
319 }
f4143537 320
536f0460
DW
321 &.level6 {
322 padding-left: 124px;
323 }
f4143537 324
536f0460
DW
325 &.level7 {
326 padding-left: 153px;
327 }
f4143537 328
536f0460
DW
329 &.level8 {
330 padding-left: 182px;
331 }
f4143537 332
536f0460
DW
333 &.level9 {
334 padding-left: 211px;
335 }
f4143537 336
536f0460
DW
337 &.level10 {
338 padding-left: 240px;
339 }
340 }
f4143537 341
536f0460
DW
342 .column-range {
343 &.level2 {
344 padding-left: 37px;
345 }
f4143537 346
536f0460
DW
347 &.level3 {
348 padding-left: 66px;
349 }
f4143537 350
536f0460
DW
351 &.level4 {
352 padding-left: 95px;
353 }
f4143537 354
536f0460
DW
355 &.level5 {
356 padding-left: 124px;
357 }
f4143537 358
536f0460
DW
359 &.level6 {
360 padding-left: 153px;
361 }
f4143537 362
536f0460
DW
363 &.level7 {
364 padding-left: 182px;
365 }
f4143537 366
536f0460
DW
367 &.level8 {
368 padding-left: 211px;
369 }
f4143537 370
536f0460
DW
371 &.level9 {
372 padding-left: 240px;
373 }
f4143537 374
536f0460
DW
375 &.level10 {
376 padding-left: 269px;
377 }
378 }
f4143537 379
536f0460
DW
380 &.generaltable {
381 .levelodd {
4394f9e3 382 background-color: $table-accent-bg;
536f0460 383 }
f4143537 384
536f0460
DW
385 .leveleven {
386 background-color: $table-bg;
387 }
388 }
389}
390
391/**
392 * Grader report.
393 */
30e89a5a 394.path-grade-report-grader {
536f0460
DW
395 .gradeparent {
396 table {
397 @include border-radius($border-radius);
398 }
f4143537 399
543f36a5
LB
400 tr .cell,
401 .floater .cell {
536f0460
DW
402 background-color: $pagination-bg;
403 }
f4143537 404
536f0460
DW
405 table,
406 .cell {
407 border-color: $table-border-color;
408 }
f4143537 409
543f36a5
LB
410 .userrow.odd .cell,
411 .floater .cell.odd,
412 .heading .cell,
413 .cell.category,
414 .avg .cell {
4394f9e3 415 background-color: $gray-100;
536f0460 416 }
f4143537 417
536f0460
DW
418 table .clickable {
419 cursor: pointer;
420 }
421 }
9cb41231 422}
536f0460
DW
423
424/**
425 * User report.
426 */
427.path-grade-report-user .user-grade {
428 border: none;
f4143537 429
536f0460
DW
430 &.generaltable {
431 .levelodd {
4394f9e3 432 background-color: $table-accent-bg;
536f0460 433 }
f4143537 434
536f0460
DW
435 .leveleven {
436 background-color: $table-bg;
437 }
438 }
75ceb049
NK
439
440 .column-contributiontocoursetotal,
441 .column-range,
442 .column-percentage,
443 .column-weight {
444 /*rtl:ignore*/
445 direction: ltr;
446 }
536f0460
DW
447}
448
c1d6e95b
FM
449/**
450 * Single view.
451 */
452.path-grade-report-singleview input[name^="finalgrade"] {
453 width: 80px;
454}