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