MDL-65031 theme_boost: gradebook notifications
[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
243// Set up grades layout.
244.path-grade-edit-tree .setup-grades {
245 h4 {
246 margin: 0;
247 }
f4143537 248
536f0460
DW
249 .column-rowspan {
250 padding: 0;
251 width: 24px;
252 min-width: 24px;
253 max-width: 24px;
254 }
f4143537 255
536f0460
DW
256 .category td.column-name {
257 padding-left: 0;
258 }
f4143537 259
536f0460
DW
260 td.column-name {
261 padding-left: 24px;
262 }
f4143537 263
536f0460
DW
264 .category input[type="text"],
265 .category .column-range,
266 .categoryitem,
267 .courseitem {
268 font-weight: bold;
269 }
f4143537 270
536f0460
DW
271 .emptyrow {
272 display: none;
273 }
f4143537 274
536f0460
DW
275 .gradeitemdescription {
276 font-weight: normal;
277 padding-left: 24px;
278 }
f4143537 279
536f0460
DW
280 .column-weight {
281 white-space: nowrap;
f4143537 282
536f0460
DW
283 &.level3 {
284 padding-left: 37px;
285 }
f4143537 286
536f0460
DW
287 &.level4 {
288 padding-left: 66px;
289 }
f4143537 290
536f0460
DW
291 &.level5 {
292 padding-left: 95px;
293 }
f4143537 294
536f0460
DW
295 &.level6 {
296 padding-left: 124px;
297 }
f4143537 298
536f0460
DW
299 &.level7 {
300 padding-left: 153px;
301 }
f4143537 302
536f0460
DW
303 &.level8 {
304 padding-left: 182px;
305 }
f4143537 306
536f0460
DW
307 &.level9 {
308 padding-left: 211px;
309 }
f4143537 310
536f0460
DW
311 &.level10 {
312 padding-left: 240px;
313 }
314 }
f4143537 315
536f0460
DW
316 .column-range {
317 &.level2 {
318 padding-left: 37px;
319 }
f4143537 320
536f0460
DW
321 &.level3 {
322 padding-left: 66px;
323 }
f4143537 324
536f0460
DW
325 &.level4 {
326 padding-left: 95px;
327 }
f4143537 328
536f0460
DW
329 &.level5 {
330 padding-left: 124px;
331 }
f4143537 332
536f0460
DW
333 &.level6 {
334 padding-left: 153px;
335 }
f4143537 336
536f0460
DW
337 &.level7 {
338 padding-left: 182px;
339 }
f4143537 340
536f0460
DW
341 &.level8 {
342 padding-left: 211px;
343 }
f4143537 344
536f0460
DW
345 &.level9 {
346 padding-left: 240px;
347 }
f4143537 348
536f0460
DW
349 &.level10 {
350 padding-left: 269px;
351 }
352 }
f4143537 353
536f0460
DW
354 &.generaltable {
355 .levelodd {
356 background-color: $table-bg-accent;
357 }
f4143537 358
536f0460
DW
359 .leveleven {
360 background-color: $table-bg;
361 }
362 }
363}
364
365/**
366 * Grader report.
367 */
30e89a5a 368.path-grade-report-grader {
536f0460
DW
369 .gradeparent {
370 table {
371 @include border-radius($border-radius);
372 }
f4143537 373
536f0460
DW
374 tr .cell {
375 background-color: $pagination-bg;
376 }
f4143537 377
536f0460
DW
378 table,
379 .cell {
380 border-color: $table-border-color;
381 }
f4143537 382
536f0460
DW
383 tr:nth-of-type(even) .cell,
384 .floater .cell,
385 .avg {
c1d6e95b 386 background-color: $gray-lightest;
536f0460 387 }
f4143537 388
536f0460
DW
389 table .clickable {
390 cursor: pointer;
391 }
392 }
9cb41231 393}
536f0460
DW
394
395/**
396 * User report.
397 */
398.path-grade-report-user .user-grade {
399 border: none;
f4143537 400
536f0460
DW
401 &.generaltable {
402 .levelodd {
403 background-color: $table-bg-accent;
404 }
f4143537 405
536f0460
DW
406 .leveleven {
407 background-color: $table-bg;
408 }
409 }
410}
411
c1d6e95b
FM
412/**
413 * Single view.
414 */
415.path-grade-report-singleview input[name^="finalgrade"] {
416 width: 80px;
417}