MDL-66999 theme_boost: @extend remove extends for grades
[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
99.gradingform_rubric.editor {
f4143537
DP
100 .addlevel,
101 .addcriterion {
536f0460
DW
102 input {
103 // Fallback for IE8: we use Bootstrap 2's button styles normally, but
104 // IE8 ignores background-image: linear-gradient rules.
105 background: #fff none no-repeat top left;
106 }
107 }
108}
109
110#rubric-rubric {
111 &.gradingform_rubric {
112 #rubric-criteria {
113 margin-bottom: 1em;
114 $rubricPadding: 6px;
f4143537 115
536f0460
DW
116 .criterion {
117 .description {
118 vertical-align: top;
119 padding: $rubricPadding;
f4143537 120
536f0460 121 textarea {
fde35b8f 122 margin-bottom: 0;
536f0460
DW
123 height: 115px;
124 }
125 }
f4143537 126
536f0460
DW
127 .definition {
128 textarea {
129 width: 80%;
fde35b8f 130 margin-bottom: 0;
536f0460
DW
131 }
132 }
f4143537 133
536f0460
DW
134 .score {
135 position: relative;
136 float: left;
137 margin-right: 28px;
f4143537 138
536f0460 139 input {
fde35b8f 140 margin-bottom: 0;
536f0460
DW
141 }
142 }
f4143537 143
536f0460
DW
144 .level {
145 vertical-align: top;
146 padding: $rubricPadding;
f4143537 147
536f0460
DW
148 .delete {
149 position: relative;
150 width: 32px;
151 height: 32px;
152 margin-top: -32px;
153 clear: both;
154 float: right;
f4143537 155
536f0460
DW
156 input {
157 display: block;
158 position: absolute;
159 right: 0;
160 bottom: 0;
161 height: 24px;
162 width: 24px;
fde35b8f 163 margin: 0;
f4143537 164
536f0460
DW
165 &:hover {
166 background-color: #ddd;
167 }
168 }
169 }
170 }
f4143537 171
536f0460
DW
172 .scorevalue {
173 input {
174 // Should handle at least three chars with room to spare.
175 float: none;
176 width: 2em;
f4143537
DP
177
178 &.hiddenelement,
179 &.pseudotablink {
536f0460
DW
180 // Zero out the width if it's still in the block flow for some reason
181 // when hidden
182 width: 0;
183 }
184 }
185 }
f4143537 186
536f0460
DW
187 .addlevel {
188 vertical-align: middle;
f4143537 189
536f0460 190 input {
fde35b8f 191 background-position: 0 0;
536f0460
DW
192 height: 30px;
193 margin-right: 5px;
194 }
195 }
196 }
197 }
f4143537 198
536f0460
DW
199 .addcriterion {
200 margin-left: 5px;
536f0460 201 padding: 0;
f4143537 202
536f0460
DW
203 input {
204 margin: 0;
205 color: inherit;
206 text-shadow: inherit;
fde35b8f 207 border: 0 none;
536f0460
DW
208 line-height: inherit;
209 background: transparent url([[pix:t/add]]) no-repeat 7px 8px;
210 padding-left: 26px;
211 }
f4143537 212 margin-bottom: 1em;
536f0460 213 }
f4143537 214
536f0460
DW
215 .options {
216 clear: both;
f4143537 217
536f0460
DW
218 .option {
219 label {
220 margin: 0;
221 padding: 0;
222 font-size: inherit;
223 font-weight: normal;
224 line-height: 2em;
225 color: inherit;
226 text-shadow: none;
227 background-color: transparent;
228 }
f4143537 229
536f0460
DW
230 input {
231 margin-left: 5px;
232 margin-right: 12px;
233 }
234 }
235 }
236 }
237}
07d8669d
MM
238.grade-display {
239 .description {
240 font-size: 1rem;
241 }
242}
bf7018b6
RW
243.criterion {
244 .description {
245 font-size: 1rem;
246 }
247
248 .criterion-toggle {
249 .expanded-icon {
250 display: block;
251 }
252
253 .collapsed-icon {
254 display: none;
255 }
eb9df053 256
bf7018b6
RW
257 &.collapsed {
258 .expanded-icon {
259 display: none;
260 }
261
262 .collapsed-icon {
263 display: block;
264 }
265 }
266 }
eb9df053
MM
267}
268
536f0460
DW
269// Set up grades layout.
270.path-grade-edit-tree .setup-grades {
271 h4 {
272 margin: 0;
273 }
f4143537 274
536f0460
DW
275 .column-rowspan {
276 padding: 0;
277 width: 24px;
278 min-width: 24px;
279 max-width: 24px;
280 }
f4143537 281
536f0460
DW
282 .category td.column-name {
283 padding-left: 0;
284 }
f4143537 285
536f0460
DW
286 td.column-name {
287 padding-left: 24px;
288 }
f4143537 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 {
382 background-color: $table-bg-accent;
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
536f0460
DW
400 tr .cell {
401 background-color: $pagination-bg;
402 }
f4143537 403
536f0460
DW
404 table,
405 .cell {
406 border-color: $table-border-color;
407 }
f4143537 408
536f0460
DW
409 tr:nth-of-type(even) .cell,
410 .floater .cell,
411 .avg {
c1d6e95b 412 background-color: $gray-lightest;
536f0460 413 }
f4143537 414
536f0460
DW
415 table .clickable {
416 cursor: pointer;
417 }
418 }
9cb41231 419}
536f0460
DW
420
421/**
422 * User report.
423 */
424.path-grade-report-user .user-grade {
425 border: none;
f4143537 426
536f0460
DW
427 &.generaltable {
428 .levelodd {
429 background-color: $table-bg-accent;
430 }
f4143537 431
536f0460
DW
432 .leveleven {
433 background-color: $table-bg;
434 }
435 }
436}
437
c1d6e95b
FM
438/**
439 * Single view.
440 */
441.path-grade-report-singleview input[name^="finalgrade"] {
442 width: 80px;
443}