on-demand release 3.8dev+
[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
DW
72 .action {
73 @extend .btn;
74 @extend .btn-lg;
75 display: inline-block;
76 position: relative;
77 vertical-align: top;
78 width: 150px;
79 text-align: center;
80 overflow: hidden;
81 margin: 0.5em;
82 padding: 1em;
83 border: 1px solid #aaa;
f4143537 84
536f0460
DW
85 .action-text {
86 position: relative;
87 top: 0.4em;
88 font-size: 14px;
49cf53dd 89 white-space: normal;
536f0460
DW
90 }
91 }
92 }
93}
94
95#page-grade-grading-form-rubric-edit {
96 .gradingform_rubric_editform .status {
97 font-size: 70%;
98 }
99}
100
101.gradingform_rubric.editor {
f4143537
DP
102 .addlevel,
103 .addcriterion {
536f0460
DW
104 input {
105 // Fallback for IE8: we use Bootstrap 2's button styles normally, but
106 // IE8 ignores background-image: linear-gradient rules.
107 background: #fff none no-repeat top left;
108 }
109 }
110}
111
112#rubric-rubric {
113 &.gradingform_rubric {
114 #rubric-criteria {
115 margin-bottom: 1em;
116 $rubricPadding: 6px;
f4143537 117
536f0460
DW
118 .criterion {
119 .description {
120 vertical-align: top;
121 padding: $rubricPadding;
f4143537 122
536f0460 123 textarea {
fde35b8f 124 margin-bottom: 0;
536f0460
DW
125 height: 115px;
126 }
127 }
f4143537 128
536f0460
DW
129 .definition {
130 textarea {
131 width: 80%;
fde35b8f 132 margin-bottom: 0;
536f0460
DW
133 }
134 }
f4143537 135
536f0460
DW
136 .score {
137 position: relative;
138 float: left;
139 margin-right: 28px;
f4143537 140
536f0460 141 input {
fde35b8f 142 margin-bottom: 0;
536f0460
DW
143 }
144 }
f4143537 145
536f0460
DW
146 .level {
147 vertical-align: top;
148 padding: $rubricPadding;
f4143537 149
536f0460
DW
150 .delete {
151 position: relative;
152 width: 32px;
153 height: 32px;
154 margin-top: -32px;
155 clear: both;
156 float: right;
f4143537 157
536f0460
DW
158 input {
159 display: block;
160 position: absolute;
161 right: 0;
162 bottom: 0;
163 height: 24px;
164 width: 24px;
fde35b8f 165 margin: 0;
f4143537 166
536f0460
DW
167 &:hover {
168 background-color: #ddd;
169 }
170 }
171 }
172 }
f4143537 173
536f0460
DW
174 .scorevalue {
175 input {
176 // Should handle at least three chars with room to spare.
177 float: none;
178 width: 2em;
f4143537
DP
179
180 &.hiddenelement,
181 &.pseudotablink {
536f0460
DW
182 // Zero out the width if it's still in the block flow for some reason
183 // when hidden
184 width: 0;
185 }
186 }
187 }
f4143537 188
536f0460
DW
189 .addlevel {
190 vertical-align: middle;
f4143537 191
536f0460
DW
192 input {
193 @extend .btn;
fde35b8f 194 background-position: 0 0;
536f0460
DW
195 height: 30px;
196 margin-right: 5px;
197 }
198 }
199 }
200 }
f4143537 201
536f0460
DW
202 .addcriterion {
203 margin-left: 5px;
204 @extend .btn;
205 padding: 0;
f4143537 206
536f0460
DW
207 input {
208 margin: 0;
209 color: inherit;
210 text-shadow: inherit;
fde35b8f 211 border: 0 none;
536f0460
DW
212 line-height: inherit;
213 background: transparent url([[pix:t/add]]) no-repeat 7px 8px;
214 padding-left: 26px;
215 }
f4143537 216 margin-bottom: 1em;
536f0460 217 }
f4143537 218
536f0460
DW
219 .options {
220 clear: both;
f4143537 221
536f0460
DW
222 .option {
223 label {
224 margin: 0;
225 padding: 0;
226 font-size: inherit;
227 font-weight: normal;
228 line-height: 2em;
229 color: inherit;
230 text-shadow: none;
231 background-color: transparent;
232 }
f4143537 233
536f0460
DW
234 input {
235 margin-left: 5px;
236 margin-right: 12px;
237 }
238 }
239 }
240 }
241}
242
eb9df053
MM
243.criterion button.collapse[aria-expanded="true"]:before {
244 content: $fa-var-angle-down;
245 margin-right: 0;
246 @include fa-icon();
247 font-size: 16px;
248 width: 16px;
249}
250
251.criterion button.collapse[aria-expanded="false"]:before {
252 content: $fa-var-angle-up;
253 margin-right: 0;
254 @include fa-icon();
255 font-size: 16px;
256 width: 16px;
257}
258
536f0460
DW
259// Set up grades layout.
260.path-grade-edit-tree .setup-grades {
261 h4 {
262 margin: 0;
263 }
f4143537 264
536f0460
DW
265 .column-rowspan {
266 padding: 0;
267 width: 24px;
268 min-width: 24px;
269 max-width: 24px;
270 }
f4143537 271
536f0460
DW
272 .category td.column-name {
273 padding-left: 0;
274 }
f4143537 275
536f0460
DW
276 td.column-name {
277 padding-left: 24px;
278 }
f4143537 279
536f0460
DW
280 .category input[type="text"],
281 .category .column-range,
282 .categoryitem,
283 .courseitem {
284 font-weight: bold;
285 }
f4143537 286
536f0460
DW
287 .emptyrow {
288 display: none;
289 }
f4143537 290
536f0460
DW
291 .gradeitemdescription {
292 font-weight: normal;
293 padding-left: 24px;
294 }
f4143537 295
536f0460
DW
296 .column-weight {
297 white-space: nowrap;
f4143537 298
536f0460
DW
299 &.level3 {
300 padding-left: 37px;
301 }
f4143537 302
536f0460
DW
303 &.level4 {
304 padding-left: 66px;
305 }
f4143537 306
536f0460
DW
307 &.level5 {
308 padding-left: 95px;
309 }
f4143537 310
536f0460
DW
311 &.level6 {
312 padding-left: 124px;
313 }
f4143537 314
536f0460
DW
315 &.level7 {
316 padding-left: 153px;
317 }
f4143537 318
536f0460
DW
319 &.level8 {
320 padding-left: 182px;
321 }
f4143537 322
536f0460
DW
323 &.level9 {
324 padding-left: 211px;
325 }
f4143537 326
536f0460
DW
327 &.level10 {
328 padding-left: 240px;
329 }
330 }
f4143537 331
536f0460
DW
332 .column-range {
333 &.level2 {
334 padding-left: 37px;
335 }
f4143537 336
536f0460
DW
337 &.level3 {
338 padding-left: 66px;
339 }
f4143537 340
536f0460
DW
341 &.level4 {
342 padding-left: 95px;
343 }
f4143537 344
536f0460
DW
345 &.level5 {
346 padding-left: 124px;
347 }
f4143537 348
536f0460
DW
349 &.level6 {
350 padding-left: 153px;
351 }
f4143537 352
536f0460
DW
353 &.level7 {
354 padding-left: 182px;
355 }
f4143537 356
536f0460
DW
357 &.level8 {
358 padding-left: 211px;
359 }
f4143537 360
536f0460
DW
361 &.level9 {
362 padding-left: 240px;
363 }
f4143537 364
536f0460
DW
365 &.level10 {
366 padding-left: 269px;
367 }
368 }
f4143537 369
536f0460
DW
370 &.generaltable {
371 .levelodd {
372 background-color: $table-bg-accent;
373 }
f4143537 374
536f0460
DW
375 .leveleven {
376 background-color: $table-bg;
377 }
378 }
379}
380
381/**
382 * Grader report.
383 */
30e89a5a 384.path-grade-report-grader {
536f0460
DW
385 .gradeparent {
386 table {
387 @include border-radius($border-radius);
388 }
f4143537 389
536f0460
DW
390 tr .cell {
391 background-color: $pagination-bg;
392 }
f4143537 393
536f0460
DW
394 table,
395 .cell {
396 border-color: $table-border-color;
397 }
f4143537 398
536f0460
DW
399 tr:nth-of-type(even) .cell,
400 .floater .cell,
401 .avg {
c1d6e95b 402 background-color: $gray-lightest;
536f0460 403 }
f4143537 404
536f0460
DW
405 table .clickable {
406 cursor: pointer;
407 }
408 }
9cb41231 409}
536f0460
DW
410
411/**
412 * User report.
413 */
414.path-grade-report-user .user-grade {
415 border: none;
f4143537 416
536f0460
DW
417 &.generaltable {
418 .levelodd {
419 background-color: $table-bg-accent;
420 }
f4143537 421
536f0460
DW
422 .leveleven {
423 background-color: $table-bg;
424 }
425 }
426}
427
c1d6e95b
FM
428/**
429 * Single view.
430 */
431.path-grade-report-singleview input[name^="finalgrade"] {
432 width: 80px;
433}