MDL-65448 gradebook: Restyle moving.
[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
536f0460
DW
279 .category input[type="text"],
280 .category .column-range,
281 .categoryitem,
282 .courseitem {
283 font-weight: bold;
284 }
f4143537 285
536f0460
DW
286 .emptyrow {
287 display: none;
288 }
f4143537 289
536f0460
DW
290 .gradeitemdescription {
291 font-weight: normal;
292 padding-left: 24px;
293 }
f4143537 294
536f0460
DW
295 .column-weight {
296 white-space: nowrap;
f4143537 297
536f0460
DW
298 &.level3 {
299 padding-left: 37px;
300 }
f4143537 301
536f0460
DW
302 &.level4 {
303 padding-left: 66px;
304 }
f4143537 305
536f0460
DW
306 &.level5 {
307 padding-left: 95px;
308 }
f4143537 309
536f0460
DW
310 &.level6 {
311 padding-left: 124px;
312 }
f4143537 313
536f0460
DW
314 &.level7 {
315 padding-left: 153px;
316 }
f4143537 317
536f0460
DW
318 &.level8 {
319 padding-left: 182px;
320 }
f4143537 321
536f0460
DW
322 &.level9 {
323 padding-left: 211px;
324 }
f4143537 325
536f0460
DW
326 &.level10 {
327 padding-left: 240px;
328 }
329 }
f4143537 330
536f0460
DW
331 .column-range {
332 &.level2 {
333 padding-left: 37px;
334 }
f4143537 335
536f0460
DW
336 &.level3 {
337 padding-left: 66px;
338 }
f4143537 339
536f0460
DW
340 &.level4 {
341 padding-left: 95px;
342 }
f4143537 343
536f0460
DW
344 &.level5 {
345 padding-left: 124px;
346 }
f4143537 347
536f0460
DW
348 &.level6 {
349 padding-left: 153px;
350 }
f4143537 351
536f0460
DW
352 &.level7 {
353 padding-left: 182px;
354 }
f4143537 355
536f0460
DW
356 &.level8 {
357 padding-left: 211px;
358 }
f4143537 359
536f0460
DW
360 &.level9 {
361 padding-left: 240px;
362 }
f4143537 363
536f0460
DW
364 &.level10 {
365 padding-left: 269px;
366 }
367 }
f4143537 368
536f0460
DW
369 &.generaltable {
370 .levelodd {
4394f9e3 371 background-color: $table-accent-bg;
536f0460 372 }
f4143537 373
536f0460
DW
374 .leveleven {
375 background-color: $table-bg;
376 }
377 }
378}
379
380/**
381 * Grader report.
382 */
30e89a5a 383.path-grade-report-grader {
536f0460
DW
384 .gradeparent {
385 table {
386 @include border-radius($border-radius);
387 }
f4143537 388
543f36a5
LB
389 tr .cell,
390 .floater .cell {
536f0460
DW
391 background-color: $pagination-bg;
392 }
f4143537 393
536f0460
DW
394 table,
395 .cell {
396 border-color: $table-border-color;
397 }
f4143537 398
543f36a5
LB
399 .userrow.odd .cell,
400 .floater .cell.odd,
401 .heading .cell,
402 .cell.category,
403 .avg .cell {
4394f9e3 404 background-color: $gray-100;
536f0460 405 }
f4143537 406
536f0460
DW
407 table .clickable {
408 cursor: pointer;
409 }
410 }
9cb41231 411}
536f0460
DW
412
413/**
414 * User report.
415 */
416.path-grade-report-user .user-grade {
417 border: none;
f4143537 418
536f0460
DW
419 &.generaltable {
420 .levelodd {
4394f9e3 421 background-color: $table-accent-bg;
536f0460 422 }
f4143537 423
536f0460
DW
424 .leveleven {
425 background-color: $table-bg;
426 }
427 }
428}
429
c1d6e95b
FM
430/**
431 * Single view.
432 */
433.path-grade-report-singleview input[name^="finalgrade"] {
434 width: 80px;
435}