Proyectos de Subversion Moodle

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 efrain 1
// The class gradetreebox matches the pages displaying the gradebook
2
// "Gradebook setup" > "Simple view" and "Full view".
3
.gradetreebox {
4
    margin: 20px 0 30px 0;
5
 
6
    h4 {
7
        // Force back the base font-size to minimise width.
8
        font-size: $font-size-base;
9
    }
10
 
11
    th.cell,
12
    input[type=text] {
13
        // Fallback on the minimum width.
14
        width: auto;
15
    }
16
 
17
    input[type=text],
18
    select {
19
        // Remove the bottom margin to gain height.
20
        margin-bottom: 0;
21
    }
22
}
23
 
24
// Grade upgrade notice.
25
.core_grades_notices {
26
    .singlebutton {
27
        display: inline-block;
28
    }
29
}
30
 
31
.path-grade-report #maincontent + .urlselect {
32
    position: absolute;
33
    left: 40vw;
34
}
35
 
36
.path-grade-report-grader {
37
    #region-main {
38
        min-width: 100%;
39
        width: auto;
40
        display: flex;
41
        flex-direction: column;
42
        & > .card {
43
            width: auto;
44
            overflow-x: initial;
45
        }
46
        div[role="main"] {
47
            flex: 1 1 auto;
48
        }
49
    }
50
    [data-region="blocks-column"] {
51
        width: 100%;
52
        clear: both;
53
    }
54
}
55
 
56
.path-grade-report-grader,
57
.path-grade-report-user {
58
    .gradepass {
59
        color: $success;
60
    }
61
    .gradefail {
62
        color: $danger;
63
    }
64
}
65
 
66
.path-grade {
67
    #region-main {
68
        overflow-x: visible;
69
    }
70
 
71
    .user-heading .userinitials {
72
        width: 50px;
73
        height: 50px;
74
    }
75
}
76
 
77
// Rubrics
78
#page-grade-grading-manage {
79
    #activemethodselector {
80
        label {
81
            display: inline-block;
82
        }
83
 
84
        .helptooltip {
85
            margin-right: 0.5em;
86
        }
87
    }
88
 
89
    .actions {
90
        display: block;
91
        text-align: center;
92
        margin-bottom: 1em;
93
 
94
        .action {
95
            display: inline-block;
96
            position: relative;
97
            vertical-align: top;
98
            width: 150px;
99
            text-align: center;
100
            overflow: hidden;
101
            margin: 0.5em;
102
            padding: 1em;
103
            border: 1px solid $grade-manage-action-border-color;
104
 
105
            .action-text {
106
                position: relative;
107
                top: 0.4em;
108
                font-size: 14px;
109
                white-space: normal;
110
            }
111
        }
112
    }
113
}
114
 
115
#page-grade-grading-form-rubric-edit {
116
    .gradingform_rubric_editform .status {
117
        font-size: 70%;
118
    }
119
}
120
 
121
.gradingform_rubric {
122
    margin-bottom: 1em;
123
    $rubricPadding: 6px;
124
 
125
    // When doing evaluation on the rubrics table.
126
    &.evaluate .criterion .levels .level {
127
        &:hover,
128
        &.checked {
129
            background: $grade-criterion-level-hover-bg;
130
        }
131
        &.checked {
132
            border: none;
133
            border-left: 1px solid $border-color;
134
        }
135
    }
136
 
137
    .criterion {
138
        .description {
139
            vertical-align: top;
140
            padding: $rubricPadding;
141
 
142
            textarea {
143
                margin-bottom: 0;
144
                height: 115px;
145
            }
146
        }
147
 
148
        .definition {
149
            textarea {
150
                width: 80%;
151
                margin-bottom: 0;
152
            }
153
        }
154
 
155
        .score {
156
            margin-top: 5px;
157
            margin-right: 28px;
158
            font-style: italic;
159
            font-weight: bold;
160
            color: #{theme-color-level('success', 2)};
161
 
162
            input {
163
                margin-bottom: 0;
164
            }
165
        }
166
 
167
        .level {
168
            vertical-align: top;
169
            padding: $rubricPadding;
170
 
171
            &.currentchecked {
172
                background: $grade-criterion-level-currentchecked-bg;
173
            }
174
 
175
            &.checked {
176
                background: $grade-criterion-level-checked-bg;
177
                border: 1px solid $grade-criterion-level-checked-border-color;
178
            }
179
 
180
            .delete {
181
                position: relative;
182
                width: 32px;
183
                height: 32px;
184
                margin-top: -32px;
185
                clear: both;
186
                float: right;
187
 
188
                input {
189
                    display: block;
190
                    position: absolute;
191
                    right: 0;
192
                    bottom: 0;
193
                    height: 24px;
194
                    width: 24px;
195
                    margin: 0;
196
 
197
                    &:hover {
198
                        background-color: $grade-criterion-level-delete-bg;
199
                    }
200
                }
201
            }
202
        }
203
 
204
        .scorevalue {
205
            input {
206
                // Should handle at least three chars with room to spare.
207
                float: none;
208
                width: 2em;
209
 
210
                &.hiddenelement,
211
                &.pseudotablink {
212
                    // Zero out the width if it's still in the block flow for some reason
213
                    // when hidden
214
                    width: 0;
215
                }
216
            }
217
        }
218
 
219
        .addlevel {
220
            vertical-align: top;
221
            padding-top: 6px;
222
 
223
            input {
224
                height: 30px;
225
                line-height: 1rem;
226
            }
227
        }
228
    }
229
 
230
    .addcriterion {
231
        margin-left: 5px;
232
        padding: 0;
233
 
234
        input {
235
            margin: 0;
236
            color: inherit;
237
            text-shadow: inherit;
238
            border: 0 none;
239
            line-height: inherit;
240
            background: transparent url([[pix:t/add]]) no-repeat 7px 8px;
241
            padding-left: 26px;
242
        }
243
        margin-bottom: 1em;
244
    }
245
 
246
    .options {
247
        clear: both;
248
 
249
        .option {
250
            label {
251
                margin: 0;
252
                padding: 0;
253
                font-size: inherit;
254
                font-weight: normal;
255
                line-height: 2em;
256
                color: inherit;
257
                text-shadow: none;
258
                background-color: transparent;
259
            }
260
 
261
            input {
262
                margin-left: 5px;
263
                margin-right: 12px;
264
            }
265
        }
266
    }
267
}
268
 
269
.grade-display {
270
    .description {
271
        font-size: 1rem;
272
    }
273
}
274
.criterion {
275
    .description {
276
        font-size: 1rem;
277
    }
278
 
279
    .criterion-toggle {
280
        .expanded-icon {
281
            display: block;
282
        }
283
 
284
        .collapsed-icon {
285
            display: none;
286
        }
287
 
288
        &.collapsed {
289
            .expanded-icon {
290
                display: none;
291
            }
292
 
293
            .collapsed-icon {
294
                display: block;
295
            }
296
        }
297
    }
298
}
299
 
300
// Set up grades layout.
301
.path-grade-edit-tree {
302
    .collapse-list {
303
 
304
        .unlist {
305
            padding-left: 2rem;
306
 
307
            [data-for="sectionnode"] {
308
                &:focus {
309
                    > .collapse-list-item:first-child {
310
                        background-color: $collapse-list-item-hover-bg;
311
                        border-color: $collapse-list-item-hover-border;
312
                    }
313
                }
314
 
315
                &[data-selected="true"] {
316
                    > .collapse-list-item:first-child {
317
                        background-color: $collapse-list-item-hover-bg;
318
                        border-color: $collapse-list-item-hover-border;
319
                        color: $blue;
320
                    }
321
                }
322
 
323
                .collapse-list-item-content {
324
                    &[aria-hidden="true"] {
325
                        display: none;
326
                    }
327
                }
328
 
329
                &[aria-expanded="true"] {
330
                    > .collapse-list-item {
331
                        .collapsed-icon {
332
                            display: none;
333
                        }
334
                    }
335
                }
336
 
337
                &[aria-expanded="false"] {
338
                    > .collapse-list-item {
339
                        .expanded-icon {
340
                            display: none;
341
                        }
342
                    }
343
                }
344
            }
345
 
346
            .collapse-list-item {
347
                padding: 0.5rem 1rem;
348
                cursor: pointer;
349
 
350
                .collapse-list-item-name {
351
                    font-weight: bold;
352
                }
353
 
354
                .collapse-list-link {
355
                    color: $gray-900;
356
                    padding: 0 0.2rem;
357
                    margin-right: 0.3rem;
358
 
359
                    i {
360
                        font-size: 12px;
361
                        width: 12px;
362
                        height: 12px;
363
                        margin: 0;
364
                    }
365
                }
366
            }
367
        }
368
    }
369
 
370
    .gradetree-wrapper {
371
        padding: 10px 10px;
372
        background-color: $gray-100;
373
 
374
        .setup-grades {
375
            h4 {
376
                margin: 0;
377
            }
378
 
379
            .column-rowspan {
380
                padding: 0;
381
                width: 24px;
382
                min-width: 24px;
383
                max-width: 24px;
384
            }
385
 
386
            .emptyrow {
387
                display: none;
388
            }
389
 
390
            .gradeitemdescription {
391
                font-weight: normal;
392
                padding-left: 24px;
393
            }
394
 
395
            &.generaltable {
396
 
397
                tr {
398
                    &.spacer {
399
                        height: 0.5rem;
400
                    }
401
 
402
                    &[data-hidden="true"] {
403
                        display: none;
404
                    }
405
 
406
                    th {
407
                        vertical-align: bottom;
408
                        border: none;
409
                        text-align: left;
410
                        background-color: $gray-100;
411
 
412
                        &.rowspan {
413
                            padding: 0;
414
                            width: 24px;
415
                            min-width: 24px;
416
                        }
417
                    }
418
 
419
                    td {
420
                        min-width: 4.5em;
421
                        background-color: $gray-100;
422
                        border: none;
423
                        vertical-align: middle;
424
 
425
                        &.column-name {
426
                            .small {
427
                                font-size: 70%;
428
                            }
429
 
430
                            .itemselect {
431
                                margin-right: 15px;
432
                            }
433
                        }
434
 
435
                        &.column-weight {
436
                            .weightoverride {
437
                                margin-right: 5px;
438
                            }
439
                            min-width: 15em;
440
                        }
441
 
442
                        &.column-actions {
443
                            .dropdown-toggle::after {
444
                                display: none;
445
                            }
446
                        }
447
 
448
                        &.movehere {
449
                            padding: 0;
450
 
451
                            a.movehere {
452
                                display: block;
453
                                width: 100%;
454
                                margin: 5px 0 5px 0;
455
                                padding: 3px 0 3px 0;
456
 
457
                                hr {
458
                                    border-top: 2px dashed $gray-500;
459
                                    margin: 0;
460
                                }
461
 
462
                                &:hover {
463
                                    hr {
464
                                        border-top: 2px dashed $blue;
465
                                    }
466
 
467
                                }
468
                            }
469
                        }
470
                    }
471
 
472
                    &.category {
473
                        td {
474
                            background-color: $grade-table-td-bg;
475
                            border-top: 1px solid $gray-300;
476
                            border-bottom: 1px solid $gray-300;
477
 
478
                            &:first-child {
479
                                border-left: 1px solid $gray-300;
480
                            }
481
 
482
                            &:last-child {
483
                                border-right: 1px solid $gray-300;
484
                            }
485
 
486
                            &.column-name {
487
                                font-weight: bold;
488
 
489
                                div {
490
                                    display: flex;
491
                                    min-height: 30px;
492
                                    align-items: center;
493
 
494
                                    .form-check {
495
                                        padding: 0;
496
 
497
                                        .itemselect {
498
                                            margin-right: 5px;
499
                                        }
500
                                    }
501
 
502
                                    a {
503
                                        &.toggle-category {
504
                                            height: 24px;
505
                                            width: 24px;
506
                                            font-size: 12px;
507
                                            line-height: 24px;
508
                                            margin-right: 3px;
509
 
510
                                            &[aria-expanded="true"] .expanded,
511
                                            &[aria-expanded="false"] .collapsed {
512
                                                display: none;
513
                                            }
514
 
515
                                            i {
516
                                                font-size: 12px;
517
                                                width: 12px;
518
                                                height: 12px;
519
                                                color: $grade-table-toggle-icon-color;
520
                                                margin: 0;
521
                                            }
522
                                        }
523
                                    }
524
                                }
525
                            }
526
                        }
527
                    }
528
 
529
                    &.item {
530
                        td {
531
                            background-color: $grade-table-td-bg;
532
                            border-top: 3px solid $gray-100;
533
                        }
534
 
535
                        &.categoryitem,
536
                        &.courseitem {
537
                            td {
538
                                min-width: 4.5em;
539
                                background-color: $gray-100;
540
                                border: none;
541
                                vertical-align: middle;
542
 
543
                                &.column-name {
544
                                    padding-left: 0;
545
                                }
546
 
547
                                &:not(.column-actions) {
548
                                    font-weight: bold;
549
                                }
550
                            }
551
                        }
552
                    }
553
                }
554
            }
555
        }
556
 
557
        .badge-light {
558
            color: $grade-badge-color;
559
            background-color: $grade-badge-bg;
560
            margin-right: 0.5em;
561
            margin-bottom: 0.5em;
562
        }
563
 
564
    }
565
}
566
 
567
/**
568
 * Grader report.
569
 */
570
.path-grade-report-grader {
571
    .gradeparent {
572
        tr .cell,
573
        .floater .cell {
574
            background-color: $pagination-bg;
575
 
576
            &.gradecell {
577
                .dropdown-menu {
578
                    &.show {
579
                        z-index: 1;
580
                    }
581
                }
582
            }
583
        }
584
 
585
        table,
586
        .cell {
587
            border-color: $table-border-color;
588
        }
589
 
590
        .heading .cell,
591
        .cell.category,
592
        .avg .cell {
593
            background-color: $gray-100;
594
        }
595
 
596
        table .clickable {
597
            cursor: pointer;
598
        }
599
 
600
        tr.heading {
601
            position: sticky;
602
            top: $navbar-height;
603
            z-index: 4;
604
        }
605
 
606
        tr.userrow {
607
            th {
608
                z-index: 2;
609
 
610
                &.actions-menu-active {
611
                    z-index: 3;
612
                }
613
            }
614
        }
615
 
616
        tr.lastrow {
617
 
618
            &:not(.userrow) {
619
                position: sticky;
620
                // Hack used by the observer to help detecting when the sticky last row is pinned. */
621
                bottom: -1px;
622
 
623
                &.pinned {
624
                    z-index: 4;
625
                }
626
            }
627
 
628
            td,
629
            th {
630
                border-top: 1px solid $table-border-color;
631
            }
632
        }
633
 
634
        th.header {
635
            left: 0;
636
            position: sticky;
637
 
638
            &#studentheader {
639
                z-index: 1;
640
            }
641
        }
642
 
643
        td.noborder {
644
            border-right: transparent;
645
        }
646
    }
647
 
648
    &.hasstickyfooter {
649
        .gradeparent {
650
            tr.lastrow {
651
                // Hack used by the observer to help detecting when the sticky 'Overall average' row is pinned when
652
                // sticky footer is present.
653
                bottom: calc(#{$stickyfooter-height} - 1px);
654
            }
655
        }
656
    }
657
}
658
 
659
/**
660
 * User report.
661
 */
662
.path-grade-report-user .user-grade {
663
    border: none;
664
 
665
    &.generaltable {
666
        .levelodd {
667
            background-color: $table-accent-bg;
668
        }
669
 
670
        .leveleven {
671
            background-color: $table-bg;
672
        }
673
    }
674
 
675
    .column-contributiontocoursetotal,
676
    .column-range,
677
    .column-percentage,
678
    .column-weight {
679
        /*rtl:ignore*/
680
        direction: ltr;
681
    }
682
}
683
 
684
/**
685
 * Single view.
686
 */
687
.path-grade-report-singleview .reporttable {
688
    input[name^="finalgrade"] {
689
        width: 80px;
690
        display: inline-block;
691
    }
692
    .action-menu {
693
        display: inline-block;
694
        margin-left: 0.5rem;
695
        float: right;
696
    }
697
    .dropdown-toggle::after {
698
        display: none;
699
    }
700
}
701
 
702
.gradereport-grader-table {
703
    input[name^="grade"] {
704
        width: 80px;
705
        display: inline-block;
706
    }
707
    .dropdown-toggle::after {
708
        display: none;
709
    }
710
}
711
 
712
.search-widget {
713
    .dropdown-menu {
714
        padding: 0.8rem 1.2rem;
715
 
716
        &.wide {
717
            width: 350px;
718
        }
719
 
720
        &.narrow {
721
            width: 250px;
722
        }
723
 
724
        .dropdown-item {
725
            span {
726
                &.email {
727
                    color: $text-muted;
728
                }
729
            }
730
        }
731
 
732
        .dropdown-item:hover,
733
        .dropdown-item:active {
734
            span {
735
                color: $grade-search-hover-color;
736
            }
737
        }
738
 
739
        .searchresultscontainer {
740
            height: 178px;
741
            font-size: 90%;
742
 
743
            .searchresultitemscontainer {
744
                height: 178px;
745
                max-height: 178px;
746
                overflow: auto;
747
            }
748
        }
749
 
750
        .unsearchablecontentcontainer {
751
            border-top: 1px solid $grade-search-container-border-color;
752
            padding-top: 10px;
753
            font-size: 90%;
754
        }
755
    }
756
}
757
 
758
#fitem_id_submitbutton {
759
    padding-right: 2em;
760
}
761
 
762
.gradestatus {
763
    padding-top: 10px;
764
}
765
 
766
.gradestatus .icon {
767
    margin-right: 1rem;
768
}