Proyectos de Subversion Moodle

Rev

Rev 1 | | Comparar con el anterior | 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
 
5
    h4 {
6
        // Force back the base font-size to minimise width.
7
        font-size: $font-size-base;
8
 
9
        .icon {
10
            .theme-dark & {
11
                filter: invert(1);
12
            }
13
        }
14
    }
15
 
16
    input[type=text] {
17
        // Fallback on the minimum width.
18
        min-width: 120px;
19
    }
20
 
21
    input[type=text],
22
    select {
23
        // Remove the bottom margin to gain height.
24
        margin-bottom: 0;
25
    }
26
}
27
 
28
// Grade upgrade notice.
29
.core_grades_notices {
30
    .singlebutton {
31
        display: inline-block;
32
    }
33
}
34
 
35
.path-grade-report #maincontent+.urlselect {
36
    position: absolute;
37
    left: 40vw;
38
}
39
 
40
.path-grade-report-grader {
41
 
42
    #region-main {
43
        overflow-x: visible;
44
        min-width: 100%;
45
        width: auto;
46
        display: inline-flex;
47
        flex-direction: column;
48
 
49
        &>.card {
50
            width: auto;
51
            overflow-x: initial;
52
        }
53
 
54
        div[role="main"] {
55
            flex: 1 1 auto;
56
        }
57
    }
58
 
59
    [data-region="blocks-column"] {
60
        width: 100%;
61
        clear: both;
62
    }
63
 
64
    .gradeparent .user.cell {
65
        .username {
66
            display: inline-flex;
67
            align-items: center;
1441 ariadna 68
            text-decoration: none;
1 efrain 69
 
70
            .userinitials {
71
                margin-right: .5rem;
72
            }
73
        }
74
 
75
        .userpicture {
76
            display: flex;
77
        }
78
    }
79
}
80
 
81
.path-grade-report-grader .header, .path-grade-report-grader td.userfield div {
82
    padding: 2px 0;
83
}
84
 
85
.path-grade-report-grader,
86
.path-grade-report-user {
87
    .gradepass {
88
        color: $success;
89
    }
90
 
91
    .gradefail {
92
        color: $danger;
93
    }
94
}
95
 
96
// Rubrics
97
#page-grade-grading-manage {
98
    #activemethodselector {
99
        label {
100
            display: inline-block;
101
        }
102
 
103
        .helptooltip {
104
            margin-right: 0.5em;
105
        }
106
    }
107
 
108
    .actions {
109
        display: flex;
110
        gap: 10px;
111
 
112
        border: 1px solid $border-color;
113
        border-radius: $btn-border-radius;
114
        padding: 20px;
115
 
116
        margin: 1rem 0 $page-padding-global;
117
 
118
        .action {
119
            padding: .6rem 1rem;
120
            font-size: .75rem;
121
 
122
            .action-text {
123
                position: relative;
124
                font-size: $font-size-sm;
125
                white-space: normal;
126
            }
127
 
128
            .icon {
129
                display: none;
130
            }
131
        }
132
    }
133
}
134
 
135
#page-grade-grading-form-rubric-edit {
136
    .gradingform_rubric_editform .status {
137
        font-size: 70%;
138
    }
139
}
140
 
141
.gradingform_rubric {
142
    margin-bottom: 1em;
143
    $rubricPadding: 6px;
144
 
145
    // When doing evaluation on the rubrics table.
146
    &.evaluate .criterion .levels .level {
147
 
148
        &:hover,
149
        &.checked {
150
            background: var(--primary-color-300);
151
        }
152
 
153
        &.checked {
154
            border: none;
155
            border-left: 1px solid $border-color;
156
        }
157
    }
158
 
159
    .criterion {
160
        .description {
161
            vertical-align: top;
162
            padding: $rubricPadding;
163
 
164
            textarea {
165
                margin-bottom: 0;
166
                height: 115px;
167
            }
168
        }
169
 
170
        .definition {
171
            padding: 2px;
172
            font-size: $font-size-sm;
173
 
174
            textarea {
175
                width: 80%;
176
                margin-bottom: 0;
177
            }
178
        }
179
 
180
        .score {
181
            position: relative;
182
            margin: 10px 0;
183
            text-align: center;
184
            color: $success;
185
 
186
            input {
187
                margin-bottom: 0;
188
            }
189
        }
190
 
191
        .level {
192
            vertical-align: top;
193
            padding: $rubricPadding;
194
 
195
            &.currentchecked {
196
                background: var(--primary-color-100);
197
            }
198
 
199
            &.checked {
200
                background: var(--primary-color-300);
201
                border: 1px solid $border-color;
202
            }
203
 
204
            .delete {
205
                position: relative;
206
                width: 100%;
207
                height: 40px;
208
                margin-top: 5px;
209
 
210
                input {
211
                    display: block;
212
                    position: absolute;
213
                    right: 0;
214
                    bottom: 0;
215
                    height: 40px;
216
                    width: 100%;
217
                    border-radius: $btn-border-radius;
218
                    margin: 0;
219
 
220
                    &:hover {
221
                        background-color: $red-200;
222
                    }
223
                }
224
            }
225
        }
226
 
227
        .scorevalue {
228
            input {
229
                // Should handle at least three chars with room to spare.
230
                float: none;
231
                width: 2em;
232
 
233
                &.hiddenelement,
234
                &.pseudotablink {
235
                    // Zero out the width if it's still in the block flow for some reason
236
                    // when hidden
237
                    width: 0;
238
                }
239
            }
240
        }
241
 
242
        .addlevel {
243
            vertical-align: top;
244
            padding-top: 6px;
245
 
246
            input {
247
                height: 30px;
248
                line-height: 1rem;
249
            }
250
        }
251
    }
252
 
253
 
254
    .addcriterion {
255
        margin-left: 5px;
256
        padding: 0;
257
 
258
        input {
259
            margin: 0;
260
            color: inherit;
261
            text-shadow: inherit;
262
            border: 0 none;
263
            line-height: inherit;
264
            background: transparent url([[pix:t/add]]) no-repeat 7px 8px;
265
            padding-left: 26px;
266
        }
267
 
268
        margin-bottom: 1em;
269
    }
270
 
271
    .options {
272
        clear: both;
273
 
274
        .option {
275
            label {
276
                margin: 0;
277
                padding: 0;
278
                font-size: inherit;
279
                font-weight: normal;
280
                line-height: 2em;
281
                color: inherit;
282
                text-shadow: none;
283
                background-color: transparent;
284
            }
285
 
286
            input {
287
                margin-left: 5px;
288
                margin-right: 12px;
289
            }
290
        }
291
    }
292
}
293
 
294
.grade-display {
295
    .description {
296
        font-size: 1rem;
297
    }
298
}
299
 
300
.criterion {
301
    .description {
302
        font-size: 1rem;
303
    }
304
 
305
    .criterion-toggle {
306
        .expanded-icon {
307
            display: block;
308
        }
309
 
310
        .collapsed-icon {
311
            display: none;
312
        }
313
 
314
        &.collapsed {
315
            .expanded-icon {
316
                display: none;
317
            }
318
 
319
            .collapsed-icon {
320
                display: block;
321
            }
322
        }
323
    }
324
}
325
 
326
// Set up grades layout.
327
//.path-grade-edit-tree
328
    .gradetree-wrapper {
329
        padding: 10px 10px;
330
        background-color: $gray-100;
331
 
332
        .theme-dark & {
333
            background-color: $dm-gray-100;
334
        }
335
 
336
        .grade_icons {
337
            .icon {
338
                width: 20px;
339
                height: 20px;
340
                padding: 3px;
341
                border-radius: $btn-border-radius-lg;
342
                background-color: $gray-100;
343
 
344
                .theme-dark & {
345
                    filter: invert(1);
346
                }
347
            }
348
 
349
        }
350
 
351
        .setup-grades {
352
            h4 {
353
                margin: 0;
354
 
355
                .icon {
356
                    padding: 4px;
357
                    background-color: $gray-100;
358
                    border-radius: $btn-border-radius;
359
                }
360
            }
361
 
362
            .column-rowspan {
363
                padding: 0;
364
                width: 24px;
365
                min-width: 24px;
366
                max-width: 24px;
367
            }
368
 
369
            .emptyrow {
370
                display: none;
371
            }
372
 
373
            .gradeitemdescription {
374
                font-weight: normal;
375
                padding-left: 24px;
376
            }
377
 
378
            &.generaltable {
379
 
380
                tr {
381
                    &.spacer {
382
                        height: 0.5rem;
383
                    }
384
 
385
                    &[data-hidden="true"] {
386
                        display: none;
387
                    }
388
 
389
                    th {
1441 ariadna 390
                        vertical-align: middle;
1 efrain 391
                        border: none;
392
                        text-align: left;
393
                        background-color: $gray-100;
394
 
395
                        .theme-dark & {
396
                            background-color: $dm-gray-100;
397
                        }
398
 
399
                        &.rowspan {
400
                            padding: 0;
401
                            width: 24px;
402
                            min-width: 24px;
403
                        }
404
                    }
405
 
406
                    td {
407
                        min-width: 4.5em;
408
                        background-color: $gray-100;
409
                        border: none;
410
                        vertical-align: middle;
411
 
412
                        .theme-dark & {
413
                            background-color: $dm-gray-100;
414
                        }
415
 
416
                        &.column-name {
417
                            padding-left: 38px;
418
 
419
                            .small {
420
                                font-size: 70%;
421
                            }
422
 
423
                            .itemicon {
424
                                font-size: 18px;
1441 ariadna 425
                                width: 18px;
426
                                height: 18px;
1 efrain 427
                            }
428
                        }
429
 
430
                        &.column-weight {
431
                            .weightoverride {
432
                                margin-right: 5px;
433
                            }
434
                            min-width: 15em;
435
                        }
436
 
437
                        &.column-actions {
438
                            .dropdown-toggle::after {
439
                                display: none;
440
                            }
441
                        }
442
 
443
                        &.movehere {
444
                            padding: 0;
445
 
446
                            a.movehere {
447
                                display: block;
448
                                width: 100%;
449
                                height: 50px;
450
                                margin: 5px 0 5px 0;
451
                                padding: 0;
452
 
453
                                &:before {
454
                                    display: none;
455
                                }
456
 
457
                                hr {
458
                                    border: none;
459
                                }
460
 
461
                            }
462
                        }
463
                    }
464
 
465
                    &.category {
466
                        td {
467
                            background-color: white;
468
                            border-top: 1px solid $table-border-color;
469
                            border-bottom: 1px solid $table-border-color;
470
 
471
                            .theme-dark & {
472
                                background-color: $dm-gray-100!important;
473
                                border-color: $dm-table-border-color!important;
474
                            }
475
 
476
                            &:first-child {
477
                                border-left: 1px solid $table-border-color;
478
 
479
                                .theme-dark & {
480
                                    border-color: $dm-table-border-color;
481
                                }
482
                            }
483
 
484
                            &:last-child {
485
                                border-right: 1px solid $table-border-color;
486
 
487
                                .theme-dark & {
488
                                    border-color: $dm-table-border-color;
489
                                }
490
                            }
491
 
492
                            &.column-name {
493
                                padding-left: 10px;
494
                                font-weight: $font-weight-bold;
495
 
496
                                div {
497
                                    display: flex;
498
                                    min-height: 30px;
499
                                    align-items: center;
500
 
501
                                    a {
502
                                        &.toggle-category {
503
                                            height: 40px!important;
504
                                            width: 40px!important;
505
                                            font-size: 12px;
506
                                            line-height: 24px;
507
                                            margin-right: 10px!important;
508
 
509
                                            &[aria-expanded="true"] .expanded,
510
                                            &[aria-expanded="false"] .collapsed {
511
                                                display: none;
512
                                            }
513
 
514
                                            background-color: $gray-100;
515
                                            color: $body-color;
516
 
517
                                            .theme-dark & {
518
                                            background-color: $dm-gray-100;
519
                                            color: $dm-body-color;
520
                                            }
521
 
522
                                            i {
523
                                                font-size: 12px;
524
                                                width: 12px;
525
                                                height: 12px;
526
                                                color: $body-color;
527
                                                margin: 0;
528
 
529
                                                .theme-dark & {
530
                                                    color: $dm-body-color!important;
531
                                                }
532
                                            }
533
                                        }
534
                                    }
535
                                }
536
                            }
537
                        }
538
                    }
539
 
540
                    &.item {
541
                        td {
542
                            background-color: white;
543
                            border-top: 3px solid $gray-100;
544
 
545
                            .theme-dark & {
546
                                background-color: $dm-gray-100!important;
547
                                border-color: $dm-table-border-color!important;
548
                            }
549
                        }
550
 
551
                        &.categoryitem,
552
                        &.courseitem {
553
                            td {
554
                                min-width: 4.5em;
555
                                background-color: $gray-100;
556
                                border: none;
557
                                vertical-align: middle;
558
 
559
                                &.column-name {
560
                                    padding-left: 0;
561
                                }
562
 
563
                                &:not(.column-actions) {
564
                                    font-weight: $font-weight-bold;
565
                                }
566
                            }
567
                        }
568
                    }
569
                }
570
            }
571
        }
572
 
573
        .badge-light {
574
            margin-right: 0.5em;
575
            margin-bottom: 0.5em;
576
        }
577
 
578
    }
579
 
580
    td.movehere a.movehere {
581
        display: block;
582
        width: 100%;
583
        height: 2rem;
584
        border: 2px dashed var(--main-theme-color);
585
        background-color: var(--primary-color-100);
586
        border-radius: $btn-border-radius;
587
 
588
        &:hover {
589
            background-color: var(--primary-color-100);
590
 
591
            .theme-dark & {
592
                background-color: $dm-gray-100;
593
            }
594
        }
595
 
596
        .theme-dark & {
597
            border: 2px dashed $dm-gray-700;
598
            background-color: $dm-gray-300;
599
        }
600
    }
601
 
602
/**
603
 * Grader report.
604
 */
605
.column-name .gradeitemheader,
606
.column-itemname .gradeitemheader {
607
    display: flex;
608
    align-items: center;
609
 
610
    .icon.itemicon {
611
        margin-right: .5rem;
612
        width: 30px;
613
        height: 30px;
614
    }
615
}
616
 
617
// ---- URL: /grade/edit/tree/index.php?id=4
1441 ariadna 618
.column-name .gradeitemheader {
619
    margin-left: 3px;
620
}
621
 
1 efrain 622
.path-grade-report-grader .heading .gradeitemheader {
623
    line-height: 1.3;
624
}
625
 
1441 ariadna 626
.path-grade-report-grader .gradeitemheader {
627
    vertical-align: middle;
628
}
629
 
1 efrain 630
.gradeparent {
631
    // width: calc(100vw - 178px);
632
    // max-width: calc(100vw - 178px);
633
    // overflow-x: auto;
634
 
635
    .drawer-courseindex--open &,
636
    .drawer-open-index--open &,
637
    .drawer-open-left & {
638
        width: calc(100vw - 460px);
639
        max-width: calc(100vw - 460px);
640
    }
641
}
642
 
643
.search-input-group .search-input-icon,
644
.path-grade-report-grader .usersearchwidget button,
645
.path-grade-report-grader .usersearchwidget a {
646
    z-index: 3;
647
}
648
 
649
/**
650
 * Grader report.
651
 */
652
 
653
 .path-grade-report-grader {
654
    .gradeparent {
655
        tr .cell,
656
        .floater .cell {
657
            background-color: $pagination-bg;
658
 
659
            &.gradecell {
660
                .dropdown-menu {
661
                    &.show {
662
                        z-index: 1;
663
                    }
664
                }
665
            }
666
        }
667
 
668
        table,
669
        .cell {
670
            border-color: $table-border-color;
671
 
672
            div {
673
                align-items: center;
674
            }
675
        }
676
 
677
        .heading .cell,
678
        .cell.category,
679
        .avg .cell {
680
            background-color: $gray-100;
681
        }
682
 
683
        table .clickable {
684
            cursor: pointer;
685
        }
686
 
687
        tr.heading {
688
            position: sticky;
1441 ariadna 689
            top: $navbar-height;
1 efrain 690
            z-index: 4;
691
        }
692
 
693
        tr.userrow {
694
            th {
695
                z-index: 2;
696
 
697
                &.actions-menu-active {
698
                    z-index: 3;
699
                }
700
            }
701
        }
702
 
703
        tr.lastrow {
704
            position: sticky;
705
            // Hack used by the observer to help detecting when the sticky 'Overall average' row is pinned. */
706
            bottom: -1px;
707
 
708
            &.pinned {
709
                z-index: 4;
710
            }
711
 
712
            td,
713
            th {
714
                border-top: 1px solid $table-border-color;
715
            }
716
        }
717
 
718
        th.header {
719
            left: 0;
720
            position: sticky;
721
 
722
            &#studentheader {
723
                z-index: 1;
724
            }
725
        }
726
 
727
        td.noborder {
728
            border-right: transparent;
729
        }
730
    }
731
}
732
 
1441 ariadna 733
.path-grade-report-grader .gradeparent .cell {
734
    vertical-align: middle;
735
}
736
 
1 efrain 737
.theme-dark.path-grade-report-grader {
738
    .gradeparent {
739
        tr .cell,
740
        .floater .cell {
741
            background-color: $dm-pagination-bg;
742
        }
743
 
744
        table,
745
        .cell {
746
            border-color: $dm-table-border-color;
747
        }
748
 
749
        .heading .cell,
750
        .cell.category,
751
        .avg .cell {
752
            background-color: $dm-gray-100;
753
        }
754
    }
755
 
756
    tr.lastrow {
757
        td,
758
        th {
759
            border-top: 1px solid $dm-table-border-color;
760
        }
761
    }
762
}
763
 
764
/**
765
 * User report.
766
 */
767
.path-grade-report-user .user-grade {
768
    border: none;
769
 
770
    &.generaltable {
771
        .levelodd {
772
            background-color: $table-accent-bg;
773
        }
774
 
775
        .leveleven {
776
            background-color: $table-bg;
777
        }
778
    }
779
 
780
    .column-contributiontocoursetotal,
781
    .column-range,
782
    .column-percentage,
783
    .column-weight {
784
        /*rtl:ignore*/
785
        direction: ltr;
786
    }
787
}
788
 
789
/**
790
 * Single view.
791
 */
792
.path-grade-report-singleview input[name^="finalgrade"] {
793
    width: 80px;
794
}
795
 
796
 
797
 
798
/* Table */
799
.scale_options {
800
    font-size: $font-size-xs;
801
    color: $body-color-light;
802
 
803
    .theme-dark & {
804
        color: $dm-body-color-light;
805
    }
806
}
807
 
808
/* Modal */
809
.usp-results-count {
810
    padding: 0.5rem 0;
811
    font-size: $font-size-sm;
812
    font-weight: $font-weight-bold;
813
    text-align: left;
814
}
815
 
816
.gradereport_history_usp {
817
 
818
    .usp-finish {
819
        padding: 7px 0 0;
820
 
821
        input {
822
            width: 100%;
823
        }
824
    }
825
 
826
    .usp-search-field {
827
        text-align: left;
828
    }
829
 
830
    .usp-search {
831
        text-align: left;
832
 
833
        input {
834
            width: auto;
835
            display: inline-flex;
836
        }
837
 
838
        input[type="submit"] {
839
            margin-left: 0.35rem;
840
        }
841
    }
842
 
843
    .usp-user .details {
844
        font-size: $font-size-sm;
845
 
846
        .userpicture {
847
            border-radius: $btn-border-radius;
848
        }
849
 
850
        .fullname label {
851
            font-weight: $font-weight-bold;
852
        }
853
    }
854
 
855
}
856
 
857
.path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion .remark textarea {
858
    min-width: 200px;
859
    min-height: 70px;
860
}
861
 
862
// ---- URL: /grade/grading/pick.php?targetid=X
863
#page-grade-grading-pick {
864
    .templatesearchform {
865
        margin-bottom: 2rem;
866
    }
867
 
868
    h2+.singlebutton {
869
        margin-top: 1rem;
870
    }
871
}
872
 
873
 
874
// Form Grading
875
#page-grade-grading-form-rubric-edit .options,
876
.gradingform_guide .options {
877
    margin-top: 2rem;
878
}
879
 
880
.gradingform_guide .options .optionsheading {
881
    padding-bottom: 1rem;
882
    font-size: $font-size-sm;
883
}
884
 
885
.gradingform_guide .options .option label {
886
    margin-bottom: 0;
887
}
888
 
889
.gradingform_guide .commentheader {
890
    margin-top: 2rem;
891
}
892
 
893
.gradingform_guide .criterion label {
894
    font-size: $font-size-sm;
895
    margin: 1rem 0 .5rem 0;
896
}
897
 
898
.gradingform_rubric {
899
    width: 100%;
900
 
901
    .criteria {
902
        overflow: auto;
903
    }
904
}
905
 
906
 
907
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .scorevalue input,
908
.gradingform_guide .criterion .description .criterionmaxscore input {
909
    width: 100% !important;
910
}
911
 
912
.gradingform_rubric .criterion .levels .level .score {
913
    font-size: $font-size-base;
914
    font-style: normal;
915
    font-weight: $font-weight-medium;
916
    white-space: normal;
1441 ariadna 917
    color: $green-900;
1 efrain 918
    background-color: $green-200;
919
 
920
    display: block !important;
921
    padding: 2px 5px;
922
    border-radius: 3px;
923
}
924
 
925
.gradingform_rubric .criterion .level {
926
    width: 150px !important;
927
    font-size: $font-size-sm;
928
}
929
 
930
.gradingform_rubric.editor .criterion .controls,
931
.gradingform_rubric .criterion .description,
932
.gradingform_rubric.editor .criterion .addlevel,
933
.gradingform_rubric .criterion .remark,
934
.gradingform_rubric .criterion .levels .level {
935
    padding: 10px;
936
}
937
 
938
.gradingform_rubric .criterion .levels .level {
939
    min-width: 120px;
940
}
941
 
942
.gradingform_rubric .criterion,
943
.gradingform_rubric .criterion .levels .level {
944
    border-color: $border-color;
945
 
946
    .theme-dark & {
947
        border-color: $dm-border-color;
948
    }
949
}
950
 
951
.gradingform_guide.editor .criterion .controls .delete input,
952
.gradingform_guide.editor .moveup input,
953
.gradingform_guide.editor .movedown input,
954
.gradingform_rubric.editor .criterion .controls .delete input,
955
.gradingform_rubric.editor .criterion .controls .duplicate input,
956
.gradingform_rubric.editor .movedown input,
957
.gradingform_rubric.editor .moveup input {
958
    background-color: $gray-100;
959
    border-radius: $btn-border-radius;
960
    margin: .25rem;
961
}
962
 
963
.gradingform_rubric.editor .levels .level .delete input,
964
.gradingform_rubric.editor .criterion .controls .delete input,
965
.gradingform_guide.editor .criterion .controls .delete input {
966
    width: 100%;
967
    height: 40px;
968
    background: $red-100 url([[pix:theme|mod/workshop/userplan/task-fail]]) no-repeat center center;
969
 
970
    &:hover {
971
        background: $red-200 url([[pix:theme|mod/workshop/userplan/task-fail]]) no-repeat center center;
972
    }
973
}
974
 
975
.controls {
976
    .delete input {
977
        max-width: 40px;
978
    }
979
}
980
 
981
.gradingform_rubric.editor .moveup input,
982
.gradingform_guide.editor .moveup input {
983
    width: 40px;
984
    height: 40px;
985
    background: $gray-100 url([[pix:theme|universe/icon-arrow-up]]) no-repeat center center;
986
}
987
 
988
.gradingform_rubric.editor .movedown input,
989
.gradingform_guide.editor .movedown input {
990
    width: 40px;
991
    height: 40px;
992
    background: $gray-100 url([[pix:theme|universe/icon-arrow-down]]) no-repeat center center;
993
}
994
 
995
.gradingform_rubric.editor .criterion .controls .duplicate input {
996
    width: 40px;
997
    height: 40px;
998
    background: $gray-100 url([[pix:theme|universe/icon-copy]]) no-repeat center center;
999
}
1000
 
1001
.gradingform_rubric .criteria {
1002
    overflow: auto;
1003
    margin-bottom: $page-padding-global;
1004
 
1005
    .col-md-9 & {
1006
        margin-bottom: 0;
1007
    }
1008
}
1009
 
1010
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input,
1011
#rubric-rubric.gradingform_rubric .addcriterion,
1012
#rubric-rubric.gradingform_rubric .addcriterion input,
1013
.gradingform_rubric.editor .addlevel input,
1014
.gradingform_guide.editor .addcriterion input,
1015
.gradingform_guide.editor .addcomment input {
1016
    background-image: none;
1017
    background-color: var(--main-theme-color);
1018
    color: var(--primary-color-100);
1019
    font-weight: $font-weight-medium;
1020
    font-size: $font-size-sm;
1021
 
1022
    margin: .5rem 0;
1023
    height: auto;
1024
    line-height: inherit;
1025
}
1026
 
1027
.addlevel .btn {
1028
    width: max-content;
1029
}
1030
 
1031
#rubric-rubric.gradingform_rubric .addcriterion input {
1032
    padding-left: 15px;
1033
    padding-right: 15px;
1034
}
1035
 
1036
.gradingform_rubric .plainvalue.empty,
1037
.gradingform_guide .plainvalue.editname,
1038
.gradingform_guide .plainvalue.empty {
1039
    background: $yellow-100 url([[pix:theme|universe/icon-edit]]) no-repeat 20px;
1040
    background-size: 14px;
1041
 
1042
    padding: 10px 10px 10px 50px;
1043
    font-size: $font-size-sm;
1044
    font-style: normal;
1045
    color: $body-color-secondary;
1046
}
1047
 
1048
.gradingform_guide .plainvalue.editname {
1049
    font-size: $font-size-base;
1050
}
1051
 
1052
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .scorevalue input.hiddenelement,
1053
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .scorevalue input.pseudotablink,
1054
.gradingform_guide.editor .pseudotablink {
1055
    height: 0;
1056
}
1057
 
1058
.gradingform_rubric .criterion.even,
1059
.gradingform_guide .criterion.even {
1060
    background: transparent;
1061
}
1062
 
1063
.gradingform_rubric .criterion {
1064
    border-width: 0 0 2px 0;
1065
    border-color: $border-color;
1066
    border-style: solid;
1067
}
1068
 
1069
.gradingform_guide.editor .criterion .description {
1070
    padding: 1rem;
1071
}
1072
 
1073
.gradingform_guide.editor .criterion .controls {
1074
    padding: 0;
1075
}
1076
 
1077
#guide-comments,
1078
#guide-criteria {
1079
    textarea {
1080
        min-height: 100px;
1081
    }
1082
}
1083
 
1084
// Table - Form
1085
.path-mod-assign {
1086
    .quickgrade {
1087
        display: inline-flex;
1088
        width: auto;
1089
    }
1090
 
1091
    tr.unselectedrow td {
1092
        &.c7 {
1093
            font-size: $font-size-xs;
1094
        }
1095
 
1096
        &.c8 {
1097
            max-width: 320px;
1098
            font-size: $font-size-xs;
1099
        }
1100
    }
1101
}
1102
 
1103
.grade-navigation {
1104
    margin-top: $page-padding-global;
1105
    margin-bottom: $page-padding-global;
1106
}
1107
 
1108
.rui-grader-toolbar {
1109
    .active {
1110
        background-color: var(--primary-color-100);
1111
 
1112
        .theme-dark & {
1113
            background-color: var(--primary-color-800);
1114
        }
1115
    }
1116
}
1117
 
1118
#guide-criteria {
1119
    label {
1120
        padding-top: 1rem;
1121
        display: block;
1122
        border-top: 1px solid $border-color;
1123
        color: $body-color-secondary;
1124
    }
1125
 
1126
    .criteriondescriptionmarkers {
1127
        width: auto;
1128
    }
1129
}
1130
 
1131
.gradingform_rubric_editform .status,
1132
.gradingform_guide_editform .status {
1133
    display: inline-flex;
1134
    align-items: center;
1135
 
1136
    padding: $badge-padding-y $badge-padding-x;
1137
    @include font-size($badge-font-size);
1138
    font-weight: $badge-font-weight;
1139
    @include border-radius($badge-border-radius);
1140
    text-transform: none;
1141
    border: none;
1142
}
1143
 
1144
// ---- URL:  /course/user.php?mode=grade&id=4&user=2
1145
#page-grade-edit-letter-index .mdl-align {
1146
    text-align: left;
1147
}
1148
 
1149
.gradereport-grader-table .user.cell {
1150
    position: sticky;
1151
    left: -80px;
1152
    z-index: 3;
1153
}
1154
 
1155
.path-grade-report-grader .gradeparent table {
1156
    border: 0;
1157
}
1158
 
1441 ariadna 1159
table a {
1160
    &::before {
1161
        display: none;
1162
    }
1163
}
1164
 
1 efrain 1165
#page-grade-report-overview-index .main-content {
1166
    .generaltable {
1167
        margin-bottom: 0;
1168
 
1169
        td,
1170
        th {
1171
            padding: .75rem 0;
1172
        }
1173
 
1174
        tr {
1175
            &:hover {
1176
                background-color: transparent;
1177
                border-color: var(--primary-color-200);
1178
            }
1179
        }
1180
    }
1181
 
1182
}
1183
 
1184
// TODO: checkl if there is better solution https://demo.rosea.io/universe/1/grade/report/overview/index.php?id=4&userid=3
1185
#page-grade-report-overview-index {
1186
    .main-content {
1187
 
1188
        .rui-page-title--page,
1189
        .rui-page-title--avatar {
1190
            display: none;
1191
        }
1192
    }
1193
}
1194
 
1195
.path-grade-report-singleview div.reporttable {
1196
    text-align: left;
1197
}
1198
 
1199
.theme-dark.path-grade-report-singleview div.reporttable {
1200
    background-color: $dm-gray-100;
1201
    color: $dm-body-color;
1202
}
1203
 
1204
.theme-dark.path-grade-report-singleview .reporttable tbody tr,
1205
.theme-dark.path-grade-report-singleview .reporttable tbody tr:nth-of-type(odd),
1206
.theme-dark.path-grade-report-singleview .reporttable tbody tr:hover {
1207
    background-color: $dm-gray-200;
1208
    color: $dm-body-color;
1209
    border-color: $dm-border-color;
1210
}
1211
 
1212
.path-grade-report-singleview .overrideexcludecheck {
1213
    width: 16px!important;
1214
    height: 16px!important;
1215
    padding: 5px;
1216
    border-radius: 20px;
1217
    background-color: $green-200;
1218
}
1219
 
1441 ariadna 1220
.path-grade-report-singleview .reporttable tbody th {
1 efrain 1221
    .itemicon {
1222
        margin-right: .35rem;
1441 ariadna 1223
        width: 36px;
1224
        height: 36px;
1 efrain 1225
    }
1226
}
1227
 
1228
.path-grade-report-singleview .reporttable {
1229
    .category {
1230
        font-size: $font-size-xs;
1231
        color: $body-color-light;
1232
    }
1233
}
1234
 
1235
// TODO: check this http://localhost:8888/moodle311/grade/report/singleview/index.php?id=6&item=grade&itemid=31
1236
.pagelayout-redirect {
1237
    #page {
1238
        max-width: 400px;
1239
        margin: $page-padding-global auto;
1240
        padding: 20px;
1241
    }
1242
}
1243
 
1244
 
1245
// Grading page
1246
.path-mod-assign [data-region="review-panel"].collapsed+[data-region="grade-panel"] [data-region="grade"],
1247
.path-mod-assign [data-region="grade-panel"].fullwidth [data-region="grade"] {
1248
    max-width: calc(100% - 40px);
1249
    /* increasing the width of the screen*/
1250
    margin-left: auto;
1251
    margin-right: auto;
1252
}
1253
 
1254
.path-mod-assign [data-region="grade-panel"] .gradingform_rubric .criterion .description {
1255
    width: 20%;
1256
    /* reduces the size of the criterion description from 50% to 20%*/
1257
}
1258
 
1259
.path-mod-assign [data-region="grade-panel"] .gradingform_rubric {
1260
    margin-top: 20px;
1261
}
1262
 
1263
.path-mod-assign [data-region="grade-panel"].fullwidth {
1264
    left: 0;
1265
    width: calc(100% - 40px);
1266
    overflow: auto;
1267
}
1268
 
1269
.gradingform_rubric .criterion .description {
1270
    max-width: 300px;
1271
}
1272
 
1273
#graded_users_selector {
1274
    margin-top: $page-padding-global;
1441 ariadna 1275
 
1276
    label {
1277
        margin: 0 10px 0 0;
1278
    }
1 efrain 1279
}
1280
 
1281
// Single Report Index
1282
.path-grade-report {
1283
    .main-content {
1284
        .itemnav {
1285
            max-width: 260px;
1286
        }
1287
 
1288
        .previtem {
1289
            text-align: left;
1290
        }
1291
 
1292
        .nextitem {
1293
            text-align: right;
1294
        }
1295
    }
1296
}
1297
 
1298
.theme-dark.path-mod-assign td.submissionnotgraded,
1299
.theme-dark.path-mod-assign div.submissionnotgraded {
1300
    color: $dm-body-color;
1301
}
1302
 
1303
// Hack for hiding current stamp alt text on img tag without the image source.
1304
.currentstampbutton {
1305
    img {
1306
        text-indent: -9999px;
1307
    }
1308
}
1309
 
1310
// Moodle 4.1
1311
.search-widget {
1312
    .btn {
1313
        padding: 2px !important;
1314
    }
1315
 
1316
    .userinitials:empty {
1317
        display: block;
1318
    }
1319
 
1320
    .user-info {
1321
        padding: 10px 16px;
1322
    }
1323
 
1324
    .dropdown-menu {
1325
        min-height: 50px;
1326
    }
1327
}
1328
 
1329
// Moodle 4.2.
1330
@include media-breakpoint-up(md) {
1331
    .path-grade-report-grader .initialsdropdown {
1332
        min-width: 460px;
1333
    }
1334
}
1335
 
1336
.path-grade-report-grader .grade_type_value .grade_icons .icon {
1337
    background-color: $yellow-100;
1338
 
1339
    display: flex;
1340
    align-items: center;
1341
    justify-content: center;
1342
 
1343
    padding: 5px;
1344
    width: 16px;
1345
    height: 16px;
1346
    border-radius: $btn-border-radius-lg;
1347
}
1348
 
1349
.theme-dark.path-grade-report-grader .grade_type_value .grade_icons .icon {
1350
    background-color: $gray-200;
1351
    filter: invert(1);
1352
}
1353
 
1354
.path-grade-report-user .user-report-container,
1355
.grade-report-user .user-report-container,
1356
.gradereport_history_usp .usp-user,
1357
.gradereport_history_usp .usp-ajax-content {
1358
    border-color: $border-color;
1359
}
1360
 
1361
.theme-dark.path-grade-report-user .user-report-container,
1362
.theme-dark .grade-report-user .user-report-container,
1363
.theme-dark .gradereport_history_usp .usp-user,
1364
.theme-dark .gradereport_history_usp .usp-ajax-content {
1365
    border-color: $dm-border-color;
1366
}
1367
 
1368
// Reset default styles
1369
.path-grade-report-user .user-grade thead th,
1370
.grade-report-user .user-grade thead th,
1371
.path-grade-report-user .user-grade td,
1372
.grade-report-user .user-grade td,
1373
.path-grade-report-user .user-grade .baggt,
1374
.path-grade-report-user .user-grade .baggb,
1375
.grade-report-user .user-grade .baggt,
1376
.grade-report-user .user-grade .baggb,
1377
.path-grade-report-user .user-report-container,
1378
.grade-report-user .user-report-container,
1379
.path-grade-report-user .user-grade tbody tr,
1380
.grade-report-user .user-grade tbody tr,
1381
.path-grade-report-user .user-grade tbody tr:hover,
1382
.grade-report-user .user-grade tbody tr:hover {
1383
    background-color: $gray-100;
1384
}
1385
 
1386
.path-grade-report-user .user-grade td.item,
1387
.grade-report-user .user-grade td.item,
1388
.path-grade-report-user .user-grade th.column-itemname:not(.header,.category,.baggt,.baggb),
1389
.grade-report-user .user-grade th.column-itemname:not(.header,.category,.baggt,.baggb),
1390
.path-grade-report-user .user-grade th.category,
1391
.grade-report-user .user-grade th.category {
1392
    background-color: $container-bg;
1393
    border-color: $border-color;
1394
}
1395
 
1396
.theme-dark.path-grade-report-user .user-grade thead th,
1397
.theme-dark .grade-report-user .user-grade thead th,
1398
.theme-dark.path-grade-report-user .user-grade td,
1399
.theme-dark .grade-report-user .user-grade td,
1400
.theme-dark.path-grade-report-user .user-grade .baggt,
1401
.theme-dark.path-grade-report-user .user-grade .baggb,
1402
.theme-dark .grade-report-user .user-grade .baggt,
1403
.theme-dark .grade-report-user .user-grade .baggb,
1404
.theme-dark.path-grade-report-user .user-report-container,
1405
.theme-dark .grade-report-user .user-report-container,
1406
.theme-dark.path-grade-report-user .user-grade tbody tr,
1407
.theme-dark .grade-report-user .user-grade tbody tr,
1408
.theme-dark.path-grade-report-user .user-grade tbody tr:hover,
1409
.theme-dark .grade-report-user .user-grade tbody tr:hover {
1410
    background-color: $dm-gray-100;
1411
 
1412
    .rui-icon {
1413
        filter: invert(1);
1414
    }
1415
}
1416
 
1417
.theme-dark.path-grade-report-user .user-grade td.item,
1418
.theme-dark .grade-report-user .user-grade td.item,
1419
.theme-dark.path-grade-report-user .user-grade th.column-itemname:not(.header,.category,.baggt,.baggb),
1420
.theme-dark .grade-report-user .user-grade th.column-itemname:not(.header,.category,.baggt,.baggb),
1421
.theme-dark.path-grade-report-user .user-grade th.category,
1422
.theme-dark .grade-report-user .user-grade th.category {
1423
    background-color: $dm-container-bg;
1424
    border-color: $dm-border-color;
1425
 
1426
    .rui-icon {
1427
        filter: invert(1);
1428
    }
1429
}
1430
 
1431
.column-name .gradeitemheader, .column-itemname .gradeitemheader {
1432
    font-size: $font-size-md;
1433
}
1434
// End.
1435
 
1436
.gradereport_history_usp .usp-user .details {
1437
    padding: 6px 10px;
1438
}
1439
 
1440
.extrafields {
1441
    font-size: $font-size-xs;
1442
}
1443
 
1444
.searchresultitemscontainer {
1445
    margin: 10px 0 0;
1446
}
1447
 
1448
.path-grade-report-singleview .overrideexcludecheck {
1449
    width: 24px;
1450
    height: 24px;
1451
}
1452
 
1453
.path-grade-report-singleview .report-navigation .container,
1454
.path-grade-report-user .user-navigation .container {
1455
    max-width: 100%;
1456
    width: 100%;
1457
}
1458
 
1459
.searchresultitemscontainer {
1460
    .userpicture {
1461
        width: 40px!important;
1462
        height: 40px!important;
1463
    }
1464
}
1465
 
1466
.initialsdropdown .initialbarlabel {
1467
    color: $dropdown-color;
1468
}
1469
 
1470
#page-grade-edit-tree-index .tertiary-navigation .action-menu .dropdown-toggle {
1471
    padding: 7px 14px;
1472
    font-weight: $font-weight-medium!important;
1473
}