Proyectos de Subversion Moodle

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 efrain 1
/* UI elements */
2
 
3
.table-overflow {
4
    overflow-x: auto;
5
}
6
 
7
// Delete/Unistall button
8
.table-btn-uninstall {
9
    display: inline-block;
10
    padding: .5rem 1rem .5rem 2.5rem;
11
    margin: 1px 4px 1px 1px;
12
 
13
    background-color: $red-100;
14
    color: $red-800;
15
 
16
    font-size: $font-size-sm;
17
    font-weight: $font-weight-medium;
18
    text-align: center;
19
    border-radius: $btn-border-radius-lg;
20
    position: relative;
21
 
22
    &:after {
23
        content: '';
24
        width: 100%;
25
        height: 100%;
26
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='#{url-friendly-colour($red-700)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6.75 7.75L7.59115 17.4233C7.68102 18.4568 8.54622 19.25 9.58363 19.25H14.4164C15.4538 19.25 16.319 18.4568 16.4088 17.4233L17.25 7.75'%3E%3C/path%3E%3Cpath stroke='#{url-friendly-colour($red-700)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9.75 7.5V6.75C9.75 5.64543 10.6454 4.75 11.75 4.75H12.25C13.3546 4.75 14.25 5.64543 14.25 6.75V7.5'%3E%3C/path%3E%3Cpath stroke='#{url-friendly-colour($red-700)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 7.75H19'%3E%3C/path%3E%3C/svg%3E%0A");
27
        background-repeat: no-repeat;
28
        background-size: 18px;
29
        background-position: top left 13px;
30
 
31
        position: absolute;
32
        left: 1px;
33
        top: calc(50% - 10px);
34
 
35
        .dir-rtl & {
36
            background-position: top right 13px;
37
        }
38
    }
39
 
40
    transition: $transition-base;
41
 
42
    &:hover {
43
        background-color: $red-200;
44
        text-decoration: none;
45
    }
46
}
47
 
48
.table,
49
.generaltable,
50
.userenrolment,
51
#categoryquestions,
52
.grading-report,
53
.gradereport-grader-table,
54
#completion-progress {
55
    width: 100%;
56
    margin-bottom: $spacer;
57
    color: $table-color;
58
    background-color: $table-bg; // Reset for nesting within parents with `background-color`.
59
 
60
    .theme-dark & {
61
        color: $dm-table-color;
62
        background-color: $dm-table-bg;
63
    }
64
 
65
    td {
66
        max-width: 600px;
67
        border-color: $border-color;
68
        font-size: $font-size-sm;
69
    }
70
 
71
    th,
72
    td {
73
        border: 0;
74
        padding: $table-cell-padding;
75
        vertical-align: middle;
76
 
77
        .theme-dark & {
78
            border-color: $dm-border-color !important;
79
        }
80
 
81
        &.column-leader {
82
            padding: 0;
83
        }
84
 
85
        a {
86
            font-weight: $font-weight-medium;
87
            word-break: normal;
88
        }
89
    }
90
 
91
    th {
92
        vertical-align: top;
93
        align-items: flex-start;
94
 
95
        .commands {
96
            display: inline-flex;
97
            line-height: 1.3;
98
 
99
            a {
100
                .icon {
101
                    margin-left: 0.25rem;
102
                }
103
 
104
                &:before,
105
                &:after {
106
                    display: none;
107
                }
108
 
109
            }
110
        }
111
    }
112
 
113
    thead th {
114
        border-bottom: (2 * $table-border-width) solid $table-border-color;
115
        color: $gray-700;
116
 
117
        .theme-dark & {
118
            border-color: $dm-table-border-color;
119
            color: $dm-gray-700;
120
        }
121
    }
122
 
123
    tbody th,
124
    thead th {
125
        font-size: $font-size-xs;
126
        font-weight: $font-weight-bold;
127
 
128
        a:not(.btn) {
129
            position: relative;
130
        }
131
    }
132
 
133
    tbody+tbody {
134
        border-top: (2 * $table-border-width) solid $table-border-color;
135
    }
136
 
137
    tbody tr:nth-of-type(#{$table-striped-order}) {
138
        background-color: transparent;
139
    }
140
 
141
    &.table-sm {
142
 
143
        th,
144
        td {
145
            padding: $table-cell-padding-sm;
146
        }
147
    }
148
 
149
    tbody tr {
150
        background-color: transparent;
151
        border-bottom: 1px solid $border-color;
152
 
153
        .theme-dark & {
154
            border-color: $dm-border-color;
155
        }
156
 
157
        @include hover {
158
            background-color: $gray-100;
159
 
160
            .theme-dark & {
161
                background-color: $dm-gray-100;
162
            }
163
        }
164
    }
165
 
166
    .license-status {
167
        a {
168
            &:hover {
169
                text-decoration: none;
170
            }
171
        }
172
    }
173
 
174
    .icon.sorticon {
175
        padding: 6px;
176
 
177
        width: 18px;
178
        height: 18px;
179
 
180
        display: inline-flex;
181
        align-items: center;
182
        justify-content: center;
183
 
184
        border-radius: $btn-border-radius-lg;
185
 
186
        background-color: $gray-200;
187
        font-size: $font-size-xs;
188
        color: $gray-800;
189
 
190
        transition: $transition-base;
191
 
192
        &:hover {
193
            background-color: $blue-200;
194
            color: $blue-700 !important;
195
 
196
            .theme-dark & {
197
                background-color: $gray-700;
198
                color: $gray-200 !important;
199
            }
200
        }
201
    }
202
 
203
    .move-down,
204
    .move-up,
205
    .action-icon,
206
    .license-status {
207
        display: inline-flex;
208
        margin: 2px;
209
 
210
        .icon:not(.spacer) {
211
            padding: 6px;
212
 
213
            width: 18px;
214
            height: 18px;
215
 
216
            display: inline-flex;
217
            align-items: center;
218
            justify-content: center;
219
 
220
            border-radius: $btn-border-radius-lg;
221
 
222
            background-color: $gray-200;
223
            font-size: $font-size-xs;
224
            color: $gray-800;
225
 
226
            transition: $transition-base;
227
        }
228
 
229
        &:hover {
230
            text-decoration: none;
231
 
232
            &:before {
233
                display: none;
234
            }
235
 
236
            .icon:not(.spacer) {
237
                background-color: $blue-200;
238
                color: $blue-700 !important;
239
 
240
                .theme-dark & {
241
                    background-color: $gray-700;
242
                    color: $gray-200 !important;
243
                }
244
            }
245
        }
246
 
247
        .fa-spacer {
248
            display: none !important;
249
        }
250
    }
251
 
252
    span.action-icon {
253
        display: none;
254
    }
255
 
256
    .userpicture {
257
        margin-right: .5rem;
258
    }
259
 
260
    .btn,
261
    .dropdown-btn {
262
        padding: .35rem .65rem;
263
        font-size: .8rem;
264
    }
265
 
266
    .dropdown-btn {
267
        padding: 4px 8px 4px 4px;
268
        background-color: $gray-200;
269
 
270
        .theme-dark & {
271
            background-color: $dm-gray-200;
272
        }
273
    }
274
}
275
 
276
#completion-progress {
277
    .criteriaicon {
278
        .icon {
279
            width: 40px;
280
            height: 40px;
281
        }
282
    }
283
}
284
 
285
table {
286
    caption {
287
        font-size: 1.15rem;
288
        font-weight: $font-weight-bold;
289
        padding: 0;
290
        text-align: left;
291
        caption-side: top;
292
    }
293
}
294
 
295
.table-dynamic {
296
    &+div {
297
        overflow-x: auto;
298
    }
299
 
300
    .page-context-header {
301
        display: inline-flex;
302
        align-items: center;
303
    }
304
}
305
 
306
.table-dynamic .loading-icon {
307
    position: absolute;
308
    left: calc(50% - 1.5rem);
309
    top: 200px;
310
 
311
    .icon:not(.spacer) {
312
        height: 3rem;
313
        width: 3rem;
314
        font-size: 3rem;
315
    }
316
}
317
 
318
/* Theme Mod */
319
h2+table {
320
    margin-top: 1.25rem; //20px
321
}
322
 
323
 
324
/* Scrollable tables */
325
 
326
#page-admin-tool-task-scheduledtasks {
327
    .main-content {
328
        overflow-x: auto;
329
        position: relative;
330
    }
331
 
332
    .generaltable {
333
        width: max-content;
334
    }
335
}
336
 
337
.main-content {
338
    .form-inline+.no-overflow {
339
        margin-top: 1.25rem; //20px
340
    }
341
}
342
 
343
#report-eventlist-table {
344
    overflow-x: auto;
345
}
346
 
347
#thirdpartylibs {
348
 
349
    .c1,
350
    .c3 {
351
        font-size: $font-size-xs;
352
        color: $gray-800;
353
 
354
        .theme-dark & {
355
            color: $dm-gray-800;
356
        }
357
    }
358
 
359
    .c2 {
360
        font-family: $font-family-monospace;
361
        font-size: $font-size-xs;
362
        color: $gray-800;
363
 
364
        .theme-dark & {
365
            color: $dm-gray-800;
366
        }
367
    }
368
}
369
 
370
 
371
// ---- URL:   /tag/manage.php
372
// ---- URL: /course/customfield.php
373
// ---- URL: mod/lesson/edit.php
374
.tag-areas-table .c2 a .icon:not(.spacer),
375
.fieldslist .table-buttons a .icon:not(.spacer),
376
#page-admin-tool-filetypes-index .c1 a .icon:not(.spacer),
377
#page-mod-lesson-edit .generaltable .c0 a .icon:not(.spacer),
378
#page-mod-lesson-edit .generaltable .c3 a .icon:not(.spacer),
379
#mediaplayerplugins .c4 a .icon:not(.spacer),
380
#mediaplayerplugins .c5 a .icon:not(.spacer),
381
#repositoriessetting a .icon:not(.spacer),
382
#page-admin-tool-oauth2-issuers .generaltable .c4 a .icon:not(.spacer),
383
#page-admin-tool-oauth2-issuers .generaltable .c5 a .icon:not(.spacer),
384
.recordauthor a .icon:not(.fa-spacer),
385
.recordauthor a .icon:not(.spacer),
386
#compatibleblockstable a .icon:not(.spacer),
387
#backpacklist a .icon,
388
#roles a .icon,
389
#manage-licenses a .icon {
390
    margin: 1px;
391
    padding: 7px;
392
 
393
    display: inline-flex;
394
    align-items: center;
395
    justify-content: center;
396
 
397
    border-radius: $btn-border-radius-lg;
398
 
399
    background-color: $gray-200;
400
    font-size: $font-size-xs;
401
    color: $gray-800;
402
 
403
    transition: $transition-base;
404
}
405
 
406
.tag-areas-table .c2 a:hover,
407
.fieldslist .table-buttons a:hover,
408
#page-admin-tool-filetypes-index .c1 a:hover,
409
#page-mod-lesson-edit .generaltable .c0 a:hover,
410
#page-mod-lesson-edit .generaltable .c3 a:hover,
411
#mediaplayerplugins .c4 a:hover,
412
#mediaplayerplugins .c5 a:hover,
413
#repositoriessetting a:hover,
414
#page-admin-tool-oauth2-issuers .generaltable .c4 a:hover,
415
#page-admin-tool-oauth2-issuers .generaltable .c5 a:hover,
416
.recordauthor a:hover,
417
#compatibleblockstable a:hover,
418
#backpacklist a:hover,
419
#roles a:hover,
420
#manage-licenses a:hover {
421
    text-decoration: none;
422
}
423
 
424
.tag-areas-table .c2 a:hover .icon:not(.spacer),
425
.fieldslist .table-buttons a:hover .icon:not(.spacer),
426
#page-admin-tool-filetypes-index .c1 a:hover .icon:not(.spacer),
427
#page-mod-lesson-edit .generaltable .c0 a:hover .icon:not(.spacer),
428
#page-mod-lesson-edit .generaltable .c3 a:hover .icon:not(.spacer),
429
#mediaplayerplugins .c4 a:hover .icon:not(.spacer),
430
#mediaplayerplugins .c5 a:hover .icon:not(.spacer),
431
#repositoriessetting a:hover .icon:not(.spacer),
432
#page-admin-tool-oauth2-issuers .generaltable .c4 a:hover .icon:not(.spacer),
433
#page-admin-tool-oauth2-issuers .generaltable .c5 a:hover .icon:not(.spacer),
434
.recordauthor a:hover .icon:not(.fa-spacer),
435
.recordauthor a:hover .icon:not(.spacer),
436
#compatibleblockstable a:hover .icon,
437
#backpacklist a:hover .icon,
438
#roles a:hover .icon,
439
#manage-licenses a:hover .icon {
440
    background-color: $blue-200;
441
    color: $blue-700;
442
 
443
    .theme-dark & {
444
        background-color: $gray-700;
445
        color: $gray-200;
446
    }
447
}
448
 
449
 
450
// with delete button
451
.fieldslist .table-buttons,
452
#page-mod-lesson-edit .generaltable .c0,
453
#page-mod-lesson-edit .generaltable .c3,
454
#mediaplayerplugins .c4,
455
#mediaplayerplugins .c5,
456
#page-admin-tool-oauth2-issuers .generaltable .c4,
457
#page-admin-tool-oauth2-issuers .generaltable .c5 {
458
    a:hover {
459
        text-decoration: none;
460
    }
461
}
462
 
463
 
464
 
465
// ---- URL: /course/recommendations.php
466
// ----      /admin/settings.php?section=editorsettingsatto
467
table {
468
    /*i.pluginicon {
469
        margin-right: 0.35rem;
470
 
471
        background-color: $white;
472
        border-radius: $btn-border-radius-lg;
473
        border: 1px solid $border-color;
474
 
475
        font-size: 16px;
476
        width: 38px;
477
        height: 38px;
478
        line-height: 38px;
479
 
480
        .theme-dark & {
481
            background-color: $black;
482
            border-color: $dm-border-color;
483
        }
484
 
485
        &.noicon {
486
            opacity: 0;
487
        }
488
    }*/
489
 
490
    img.pluginicon {
491
        padding: 6px;
492
        margin-right: 0.35rem;
493
 
494
        background-color: $white;
495
        border-radius: $btn-border-radius;
496
        border: 1px solid $border-color;
497
 
498
        &.noicon {
499
            opacity: 0;
500
        }
501
    }
502
}
503
 
504
 
505
// ---- URL: admin/settings.php?section=managemediaplayers
506
#mediaplayerplugins {
507
    .c0 {
508
        .pluginicon {
509
            padding: 10px;
510
            margin-right: 0.35rem;
511
            background-color: $white;
512
            border-radius: $btn-border-radius-lg;
513
            border: 1px solid $border-color;
514
 
515
            .theme-dark & {
516
                background-color: $black;
517
                border-color: $dm-border-color;
518
            }
519
        }
520
    }
521
 
522
    .c2 {
523
        font-size: $font-size-xs;
524
        color: $gray-800;
525
 
526
        .theme-dark & {
527
            color: $dm-gray-800;
528
        }
529
    }
530
}
531
 
532
 
533
// ---- URL: /admin/settings.php?section=managepaymentgateways
534
#page-admin-setting-managepaymentgateways {
535
    .generaltable {
536
        td a {
537
 
538
            .icon:not(.spacer),
539
            .icon:not(.noicon) {
540
                margin: 1px;
541
                padding: 10px;
542
 
543
                display: inline-flex;
544
                align-items: center;
545
                justify-content: center;
546
 
547
                border-radius: $btn-border-radius-lg;
548
 
549
                background-color: $gray-200;
550
                font-size: $font-size-xs;
551
                color: $gray-800;
552
 
553
                transition: $transition-base;
554
 
555
            }
556
 
557
        }
558
    }
559
}
560
 
561
#mediaplayerplugins .c6 a,
562
#page-admin-setting-managepaymentgateways .generaltable td:nth-of-type(6) a,
563
#reportplugins .c3 a,
564
#toolplugins .c2 a,
565
.manageformattable .c3 a,
566
#localplugins .c2 a,
567
.managecustomfieldtable .c2 a,
568
#commentstable .c3 a,
569
#page-admin-setting-editorsettingsatto .admintable .c4 a,
570
#plugins-control-panel .c4 a,
571
#assignfeedbackplugins .c5 a,
572
#assignsubmissionplugins .c5 a,
573
#modules .c5 a,
574
#filterssetting .c5 a,
575
#repositoriessetting .c4 a,
576
.tinymcesubplugins .lastcol a,
577
#editormanagement .lastcol a,
578
#courseenrolmentplugins .lastcol a,
579
#logstoreplugins .lastcol a,
580
#manageauthtable .lastcol a,
581
#compatibleblockstable .c6 a,
582
.attosubplugins .admintable .lastcol a,
583
#qtypes .c6 a,
584
#qbehaviours .c5 a,
585
#mediaplayerplugins .c6 a,
586
.managecontentbanktable .lastcol a {
587
    @extend .table-btn-uninstall;
588
}
589
 
590
 
591
// ---- URL: /user/index.php?id=7
592
// ---- URL: /admin/modules.php
593
// ---- URL: /admin/settings.php?section=editorsettingstinymce
594
// ---- URL: /admin/settings.php?section=manageeditors
595
// ---- URL: /admin/settings.php?section=webserviceprotocols
596
// ---- URL: /admin/settings.php?section=manageenrols
597
// ---- URL: /admin/settings.php?section=managelogging
598
// ---- URL: /admin/settings.php?section=managefileconverterplugins
599
// ---- URL: /admin/settings.php?section=managecustomfields
600
// ---- URL: /admin/settings.php?section=manageformats
601
// ---- URL: /admin/tool/availabilityconditions/
602
// ---- URL: /admin/settings.php?section=manageantiviruses
603
// ---- URL: /admin/settings.php?section=manageauths
604
#participants,
605
#modules,
606
.tinymcesubplugins,
607
#editormanagement,
608
#webserviceprotocols,
609
#courseenrolmentplugins,
610
#logstoreplugins,
611
#page-admin-setting-managefileconverterplugins .admintable.generaltable,
612
.managecustomfieldtable,
613
.manageformattable,
614
#availabilityconditions,
615
#manageauthtable,
616
#antivirusmanagement,
617
#mediaplayerplugins,
618
.managecontentbanktable {
619
    td a {
620
 
621
        .icon:not(.spacer),
622
        .icon:not(.noicon) {
623
            margin: 1px;
624
            width: 20px;
625
            padding: 6px;
626
 
627
            display: inline-flex;
628
            align-items: center;
629
            justify-content: center;
630
 
631
            border-radius: $btn-border-radius-lg;
632
 
633
            background-color: $gray-200;
634
            font-size: $font-size-xs;
635
            color: $gray-800;
636
 
637
            transition: $transition-base;
638
 
639
        }
640
 
641
        &:hover {
642
            text-decoration: none;
643
        }
644
    }
645
}
646
 
647
//Mod Forum
648
.discussion-list {
649
    td {
650
 
651
        a,
652
        span {
653
 
654
            .icon:not(.spacer),
655
            .icon:not(.noicon) {
656
                margin: 1px;
657
                padding: 10px;
658
 
659
                display: inline-flex;
660
                align-items: center;
661
                justify-content: center;
662
 
663
                border-radius: $btn-border-radius-lg;
664
 
665
                background-color: $gray-200;
666
                font-size: $font-size-xs;
667
                color: $gray-800;
668
 
669
                transition: $transition-base;
670
 
671
                .theme-dark & {
672
                    background-color: $dm-gray-200;
673
                    color: $dm-gray-800;
674
                }
675
            }
676
 
677
            &:hover {
678
                text-decoration: none;
679
 
680
                .icon:not(.spacer),
681
                .icon:not(.noicon) {
682
                    background-color: $gray-300;
683
 
684
                    .theme-dark & {
685
                        background-color: $dm-gray-300;
686
                    }
687
                }
688
            }
689
 
690
        }
691
    }
692
 
693
    th {
694
        span {
695
 
696
            .icon:not(.spacer),
697
            .icon:not(.noicon) {
698
                margin: 1px 1px 1px 5px;
699
                padding: 4px;
700
 
701
                display: inline-flex;
702
                align-items: center;
703
                justify-content: center;
704
 
705
                background-color: $yellow-200;
706
                border-radius: $btn-border-radius-lg;
707
                font-size: $font-size-xs;
708
                color: $body-color;
709
 
710
                width: 18px;
711
                height: 18px;
712
 
713
                .theme-dark & {
714
                    background-color: #998341;
715
                    color: $yellow-100;
716
                }
717
            }
718
        }
719
    }
720
 
721
}
722
 
723
 
724
// ---- URL: /admin/reports.php
725
#repositoriessetting {
726
    .c3 {
727
        .mdl-left br {
728
            display: none;
729
        }
730
    }
731
}
732
 
733
 
734
#page-admin-tool-oauth2-issuers {
735
    .generaltable {
736
        .c0 {
737
            img {
738
                padding: 0.25rem;
739
                background-color: $white;
740
                border-radius: $btn-border-radius-lg;
741
                border: 1px solid $border-color;
742
 
743
                .theme-dark & {
744
                    background-color: $black;
745
                    border-color: $dm-border-color;
746
                }
747
            }
748
        }
749
    }
750
}
751
 
752
 
753
.rolecap {
754
    @extend .generaltable;
755
 
756
    .allowmore {
757
        display: inline-flex;
758
        margin-left: 4px;
759
    }
760
 
761
    .allowedroles .allowed {
762
        background-color: $white;
763
        width: inherit;
764
        margin: .25rem 0;
765
        padding: 1px 1px 1px 10px;
766
        font-size: $font-size-sm;
767
        border: 1px solid $border-color;
768
        border-radius: $btn-border-radius-lg;
769
 
770
        .theme-dark & {
771
            background-color: $black;
772
            border-color: $dm-border-color;
773
        }
774
    }
775
 
776
    .forbidden {
777
        display: inline-flex;
778
        background-color: $white;
779
        width: inherit;
780
        margin: .25rem 0;
781
        padding: 1px 1px 1px 10px;
782
 
783
        font-size: $font-size-xs;
784
        border: 1px solid $border-color;
785
        border-radius: $btn-border-radius-lg;
786
 
787
        .theme-dark & {
788
            background-color: $black;
789
            border-color: $dm-border-color;
790
        }
791
    }
792
 
793
    .allowlink,
794
    .prohibitlink,
795
    .preventlink,
796
    .forbiddenroles {
797
        .icon:not(.spacer) {
798
            margin: 1px;
799
            padding: 5px;
800
            width: 20px;
801
 
802
            display: inline-flex;
803
            align-items: center;
804
            justify-content: center;
805
 
806
            border-radius: $btn-border-radius-lg;
807
 
808
            background-color: $gray-200;
809
            color: $body-color;
810
            font-size: $font-size-xs;
811
 
812
            transition: $transition-base;
813
        }
814
 
815
        &:hover {
816
            text-decoration: none;
817
 
818
            .icon:not(.spacer) {
819
                background-color: $blue-200;
820
 
821
                .theme-dark & {
822
                    background-color: $yellow-800;
823
                }
824
            }
825
        }
826
    }
827
 
828
    .allow {
829
        background-color: $green-200;
830
        color: $green-700;
831
 
832
        .theme-dark & {
833
            background-color: $green-800;
834
        }
835
    }
836
 
837
    .forbiddenroles {
838
        background-color: $red-200;
839
        color: $red-800;
840
 
841
        .theme-dark & {
842
            background-color: $red-800;
843
        }
844
    }
845
}
846
 
847
#page-grade-report-overview-index {
848
    .main-content {
849
        .no-overflow {
850
            margin-bottom: 2rem;
851
        }
852
    }
853
}
854
 
855
#page-admin-tool-usertours-configure {
856
    .admintable {
857
        .c3 {
858
            a {
859
                &:hover {
860
                    text-decoration: none;
861
                }
862
 
863
                .icon:not(.spacer) {
864
                    margin: 1px;
865
                    padding: 10px;
866
 
867
                    display: inline-flex;
868
                    align-items: center;
869
                    justify-content: center;
870
 
871
                    border-radius: $btn-border-radius-lg;
872
 
873
                    background-color: $gray-200;
874
                    font-size: $font-size-xs;
875
                    color: $gray-800;
876
 
877
                    transition: $transition-base;
878
                }
879
            }
880
        }
881
    }
882
}
883
 
884
 
885
// ---- URL: /cohort/index.php?contextid=1
886
#cohorts {
887
    p {
888
        margin-bottom: 0;
889
    }
890
 
891
    .c5,
892
    .c6 {
893
        a {
894
            &:hover {
895
                text-decoration: none;
896
            }
897
 
898
            .icon:not(.spacer) {
899
                margin: 1px;
900
                padding: 10px;
901
 
902
                display: inline-flex;
903
                align-items: center;
904
                justify-content: center;
905
 
906
                border-radius: $btn-border-radius-lg;
907
 
908
                background-color: $gray-200;
909
                font-size: $font-size-xs;
910
                color: $gray-800;
911
 
912
                transition: $transition-base;
913
            }
914
 
915
            &:hover {
916
                .icon:not(.spacer) {
917
                    background-color: $blue-200;
918
                    color: $blue-700;
919
 
920
                    .theme-dark & {
921
                        background-color: $blue-700;
922
                        color: $blue-200;
923
                    }
924
                }
925
            }
926
        }
927
    }
928
}
929
 
930
 
931
// ---- URL: /admin/user.php
932
 
933
#users {
934
    .c5 {
935
        a {
936
            &:hover {
937
                text-decoration: none;
938
            }
939
 
940
            .icon:not(.spacer) {
941
                margin: 1px;
942
                padding: 10px;
943
 
944
                display: inline-flex;
945
                align-items: center;
946
                justify-content: center;
947
 
948
                border-radius: $btn-border-radius-lg;
949
 
950
                background-color: $gray-200;
951
                font-size: $font-size-xs;
952
                color: $gray-800;
953
 
954
                transition: $transition-base;
955
            }
956
 
957
            &:hover {
958
                .icon:not(.spacer) {
959
                    background-color: $blue-200;
960
                    color: $blue-700;
961
 
962
                    .theme-dark & {
963
                        background-color: $blue-700;
964
                        color: $blue-200;
965
                    }
966
                }
967
            }
968
        }
969
    }
970
}
971
 
972
// ---- URL: admin/tool/monitor/managerules.php?courseid=0
973
#toolmonitorrules_table {
974
    margin: $spacer 0;
975
}
976
 
977
#page-admin-tool-monitor-managerules {
978
 
979
    .main-content {
980
        .no-overflow+a {
981
            display: inline-flex;
982
            margin-bottom: 2rem;
983
        }
984
    }
985
 
986
    .urlselect {
987
        margin-bottom: 0 !important;
988
    }
989
 
990
    .c1 {
991
        max-width: 400px;
992
    }
993
 
994
}
995
 
996
 
997
 
998
// ---- URL: /admin/plugins.php
999
#plugins-control-panel {
1000
    width: max-content;
1001
 
1002
    img.pluginicon {
1003
        margin-right: 13px;
1004
    }
1005
}
1006
 
1007
 
1008
// ---- URL:  /admin/tool/policy/user.php?userid=3&returnurl=%2Fadmin%2Ftool%2Fpolicy%2Facceptances.php
1009
#page-admin-tool-policy-user {
1010
    .generaltable {
1011
        td {
1012
            font-size: $font-size-sm;
1013
        }
1014
    }
1015
}
1016
 
1017
// ---- URL:  /admin/tool/policy/managedocs.php
1018
#tool-policy-managedocs-wrapper {
1019
    margin-top: $page-padding-global;
1020
    margin-bottom: 0;
1021
 
1022
    small {
1023
        color: $body-color-secondary;
1024
    }
1025
 
1026
}
1027
 
1028
 
1029
 
1030
// ---- URL:  /group/groupings.php?id=10
1031
.groupmanagementtable {
1032
    tr {
1033
        background-color: transparent !important;
1034
 
1035
        &:hover {
1036
            box-shadow: none !important;
1037
        }
1038
    }
1039
 
1040
    td {
1041
        padding: 0 !important;
1042
 
1043
        &#backcell {
1044
            padding-top: 10px;
1045
        }
1046
    }
1047
 
1048
    select {
1049
        min-height: 165px;
1050
        max-height: 300px;
1051
 
1052
        margin-bottom: 10px;
1053
    }
1054
}
1055
 
1056
#page-mod-data-field-,
1057
#page-admin-tool-dataprivacy-defaults,
1058
#page-group-groupings {
1059
 
1060
    table,
1061
    .table,
1062
    .generaltable {
1063
        .lastcol {
1064
            text-align: left !important;
1065
 
1066
            a {
1067
                display: inline-flex;
1068
 
1069
                .icon:not(.fa-spacer),
1070
                .icon:not(.spacer) {
1071
                    margin: 1px;
1072
                    padding: 10px;
1073
 
1074
                    display: inline-flex;
1075
                    align-items: center;
1076
                    justify-content: center;
1077
 
1078
                    border-radius: $btn-border-radius-lg;
1079
 
1080
                    background-color: $gray-200;
1081
                    font-size: $font-size-xs;
1082
                    color: $gray-800;
1083
 
1084
                    transition: $transition-base;
1085
 
1086
                    .theme-dark & {
1087
                        background-color: $dm-gray-200;
1088
                        color: $dm-gray-800;
1089
                    }
1090
                }
1091
 
1092
                &:hover {
1093
                    text-decoration: none;
1094
 
1095
                    .icon:not(.fa-spacer),
1096
                    .icon:not(.spacer) {
1097
                        background-color: $blue-200;
1098
                        color: $blue-700;
1099
 
1100
                        .theme-dark & {
1101
                            background-color: $blue-700;
1102
                            color: $blue-200;
1103
                        }
1104
                    }
1105
                }
1106
            }
1107
 
1108
            a.dropdown-item {
1109
                display: flex;
1110
            }
1111
        }
1112
    }
1113
}
1114
 
1115
// ---- URL:  /user/profile/index.php
1116
.admintable,
1117
.profilefield {
1118
    .lastcol {
1119
        a {
1120
            &:hover {
1121
                text-decoration: none;
1122
            }
1123
 
1124
            .icon {
1125
                margin: 1px;
1126
                padding: 10px;
1127
 
1128
                display: inline-flex;
1129
                align-items: center;
1130
                justify-content: center;
1131
 
1132
                border-radius: $btn-border-radius-lg;
1133
 
1134
                background-color: $gray-200;
1135
                font-size: $font-size-xs;
1136
                color: $gray-800;
1137
 
1138
                transition: $transition-base;
1139
            }
1140
 
1141
            &:hover {
1142
                .icon {
1143
                    background-color: $blue-200;
1144
                    color: $blue-700;
1145
 
1146
                    .theme-dark & {
1147
                        background-color: $blue-700;
1148
                        color: $blue-200;
1149
                    }
1150
                }
1151
            }
1152
        }
1153
    }
1154
}
1155
 
1156
 
1157
// ---- URL:  /admin/tool/policy/acceptances.php
1158
.tool_policy-user_agreement-actions {
1159
    margin-left: 0.35rem;
1160
 
1161
    a {
1162
        padding: 0.25rem 0.35rem;
1163
 
1164
        small {
1165
            font-size: $font-size-sm;
1166
            font-weight: $font-weight-medium;
1167
        }
1168
    }
1169
}
1170
 
1171
.tool_policy-user_agreement-status {
1172
    margin-left: 0.25rem;
1173
 
1174
    font-size: $font-size-sm;
1175
    font-weight: $font-weight-medium;
1176
}
1177
 
1178
 
1179
// ---- URL:  /report/outline/index.php?id=10
1180
#page-report-outline-index {
1181
    .section {
1182
        td {
1183
            text-align: left;
1184
        }
1185
    }
1186
 
1187
    td.numviews {
1188
        text-align: left;
1189
    }
1190
}
1191
 
1192
 
1193
// ---- URL:  /admin/roles/assign.php?contextid=120&roleid=1
1194
#assigningrole {
1195
    tr {
1196
        background-color: transparent;
1197
 
1198
        &:hover {
1199
            box-shadow: none;
1200
        }
1201
    }
1202
}
1203
 
1204
// ---- URL:  /admin/tool/monitor/index.php?courseid=1
1205
.toolmonitor {
1206
    .c1 {
1207
        max-width: 400px;
1208
    }
1209
}
1210
 
1211
#page-admin-tool-monitor-index {
1212
    .singleselect+h3 {
1213
        margin: 1rem 0;
1214
    }
1215
 
1216
    .no-overflow+div {
1217
        margin-top: 1rem;
1218
    }
1219
}
1220
 
1221
// ---- URL:  /admin/tool/policy/acceptances.php
1222
#page-admin-tool-policy-acceptances .colselect {
1223
    width: auto;
1224
}
1225
 
1226
// ---- URL:  /mod/feedback/show_entries.php?id=77
1227
#showentrytable {
1228
    .userpic {
1229
        min-width: 150px;
1230
    }
1231
}
1232
 
1233
// ---- URL:  /admin/tool/lp/plans.php?userid=2
1234
[data-region="plans"] {
1235
    .float-left {
1236
        float: none !important;
1237
    }
1238
}
1239
 
1240
.path-admin-tool-lp [data-region] .generaltable.fullwidth {
1241
    margin: 2rem 0;
1242
}
1243
 
1244
.path-admin-tool-lp [data-region="competencylinktree"] ul li>span,
1245
.path-badges [data-region="competencylinktree"] ul li>span,
1246
.path-admin-tool-lp [data-region="competencymovetree"] ul li>span,
1247
.path-admin-tool-lp [data-region="plans"] ul li>span,
1248
.path-admin-tool-lp [data-region="managecompetencies"] ul li>span {
1249
    width: calc(100% - 40px);
1250
    display: inline-flex;
1251
    padding: 0;
1252
}
1253
 
1254
.path-admin-tool-lp [data-region="competencylinktree"] ul [aria-selected="true"]>span,
1255
.path-badges [data-region="competencylinktree"] ul [aria-selected="true"]>span,
1256
.path-admin-tool-lp [data-region="competencymovetree"] ul [aria-selected="true"]>span,
1257
.path-admin-tool-lp [data-region="plans"] ul [aria-selected="true"]>span,
1258
.path-admin-tool-lp [data-region="managecompetencies"] ul [aria-selected="true"]>span {
1259
    background-color: $primary-color-100;
1260
}
1261
 
1262
.theme-dark.path-admin-tool-lp [data-region="competencylinktree"] ul [aria-selected="true"]>span,
1263
.theme-dark.path-badges [data-region="competencylinktree"] ul [aria-selected="true"]>span,
1264
.theme-dark.path-admin-tool-lp [data-region="competencymovetree"] ul [aria-selected="true"]>span,
1265
.theme-dark.path-admin-tool-lp [data-region="plans"] ul [aria-selected="true"]>span,
1266
.theme-dark.path-admin-tool-lp [data-region="managecompetencies"] ul [aria-selected="true"]>span {
1267
    border-color: $dm-border-color;
1268
    background-color: $dm-gray-300;
1269
}
1270
 
1271
.path-admin-tool-lp [data-region="managecompetencies"] ul[data-enhance="tree"],
1272
.path-admin-tool-lp [data-region="plans"] ul[data-enhance="tree"],
1273
.path-admin-tool-lp [data-region="competencylinktree"] ul[data-enhance="linktree"],
1274
.path-badges [data-region="competencylinktree"] ul[data-enhance="linktree"],
1275
.path-admin-tool-lp [data-region="competencymovetree"] ul[data-enhance="movetree"] {
1276
    border-color: $border-color;
1277
}
1278
 
1279
.theme-dark.path-admin-tool-lp [data-region="managecompetencies"] ul[data-enhance="tree"],
1280
.theme-dark.path-admin-tool-lp [data-region="plans"] ul[data-enhance="tree"],
1281
.theme-dark.path-admin-tool-lp [data-region="competencylinktree"] ul[data-enhance="linktree"],
1282
.theme-dark.path-badges [data-region="competencylinktree"] ul[data-enhance="linktree"],
1283
.theme-dark.path-admin-tool-lp [data-region="competencymovetree"] ul[data-enhance="movetree"] {
1284
    border-color: $dm-border-color;
1285
}
1286
 
1287
.path-admin-tool-lp [data-region="managecompetencies"] ul li:focus {
1288
    outline: none;
1289
}
1290
 
1291
.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd .competency-tree li img,
1292
.path-admin-tool-lp [data-region="managecompetencies"] ul li img {
1293
    padding: 4px;
1294
    width: 26px;
1295
}
1296
 
1297
.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd .competency-tree li,
1298
.path-admin-tool-lp [data-region="managecompetencies"] ul li {
1299
    ul li {
1300
        font-size: $font-size-sm;
1301
    }
1302
}
1303
 
1304
[data-region="managecompetencies"] div,
1305
[data-region="managetemplates"] div {
1306
    dl {
1307
        font-size: $font-size-xs;
1308
    }
1309
 
1310
    &:empty {
1311
        display: none;
1312
    }
1313
}
1314
 
1315
.path-admin-tool-lp [data-region="filtercompetencies"] input {
1316
    margin: 0;
1317
}
1318
 
1319
.path-admin-tool-lp .competency-rule-points input[type="number"] {
1320
    width: 70px;
1321
    padding-left: 10px;
1322
    padding-right: 10px;
1323
}
1324
 
1325
//Edit competency page
1326
[data-action="deleterelation"],
1327
#id_parentcompetencybutton {
1328
    display: flex;
1329
    align-items: center;
1330
    justify-content: center;
1331
 
1332
    width: 30px;
1333
    height: 30px;
1334
    padding: 5px;
1335
    background-color: $gray-100;
1336
    border-radius: $btn-border-radius-lg;
1337
    color: $body-color;
1338
 
1339
    font-size: $font-size-sm;
1340
 
1341
    .theme-dark & {
1342
        background-color: $dm-gray-200;
1343
        color: $dm-gray-800;
1344
    }
1345
 
1346
    .icon {
1347
        margin: 0;
1348
    }
1349
 
1350
    &::before {
1351
        display: none;
1352
    }
1353
 
1354
    &:hover {
1355
        background-color: $primary-color-100;
1356
        color: $primary-color-600;
1357
 
1358
        .theme-dark & {
1359
            background-color: $primary-color-700;
1360
            color: $primary-color-200;
1361
        }
1362
    }
1363
}
1364
 
1365
.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd ul li:focus {
1366
    outline: none;
1367
}
1368
 
1369
// Table Mod
1370
#page-report-progress-index {
1371
    .modicon {
1372
        .icon {
1373
            width: 30px;
1374
            height: 30px;
1375
            font-size: 30px;
1376
        }
1377
    }
1378
 
1379
    .rotated-text-container {
1380
        width: auto;
1381
    }
1382
 
1383
    .rotated-text {
1384
        display: inline-flex;
1385
        transform: none;
1386
 
1387
        &:after {
1388
            margin-top: 0;
1389
        }
1390
    }
1391
 
1392
    .completion-header {
1393
        padding: 0;
1394
    }
1395
 
1396
    .urlselect {
1397
        margin: 0 !important;
1398
    }
1399
 
1400
    .include-activity-selector {
1401
        margin: 0 !important;
1402
    }
1403
 
1404
    .activity-order-selector {
1405
        margin: 0 0 0 2rem !important;
1406
    }
1407
 
1408
    #page {
1409
        .initialbar {
1410
            margin: 10px 0 !important;
1411
        }
1412
    }
1413
}
1414
 
1415
 
1416
// Module Activity Survey
1417
table.surveytable {
1418
    width: 100%;
1419
    margin-top: 10px !important;
1420
    margin-bottom: 30px;
1421
 
1422
    border-radius: $btn-border-radius;
1423
    background-color: $gray-100;
1424
 
1425
    .theme-dark & {
1426
        background-color: $dm-gray-100;
1427
    }
1428
}
1429
 
1430
 
1431
// ---- Table elements admin roles
1432
#explaincaps {
1433
    .rolecapheading {
1434
        background-color: $gray-200;
1435
        font-size: 1rem;
1436
 
1437
        .theme-dark & {
1438
            background-color: $dm-gray-200;
1439
        }
1440
    }
1441
 
1442
    .cap-name {
1443
        color: $body-color-light;
1444
 
1445
        .theme-dark & {
1446
            color: $dm-body-color-light;
1447
        }
1448
    }
1449
}
1450
 
1451
 
1452
// ---- URL: /admin/settings.php?section=webservicetokens
1453
.webservicestokenui {
1454
    padding-top: 0 !important;
1455
 
1456
    div {
1457
        margin-bottom: 1rem;
1458
    }
1459
}
1460
 
1461
#webservicetokens {
1462
    .missingcaps {
1463
        max-width: 300px;
1464
        font-size: $font-size-xs;
1465
        color: $body-color-secondary;
1466
 
1467
        .theme-dark & {
1468
            color: $dm-body-color-secondary;
1469
        }
1470
    }
1471
}
1472
 
1473
 
1474
// ---- URL: /admin/settings.php?section=externalservices
1475
#builtinservices {
1476
    margin-bottom: 2rem;
1477
}
1478
 
1479
#onesystemcontrol,
1480
#userasclients {
1481
    .description {
1482
        max-width: 600px;
1483
    }
1484
}
1485
 
1486
 
1487
// ---- URL: /admin/tool/messageinbound/index.php
1488
#page-admin-tool-messageinbound-index .handler-function {
1489
    padding: 0;
1490
    font-size: $font-size-xs;
1491
}
1492
 
1493
.messageinboundhandlers {
1494
    td {
1495
        vertical-align: top;
1496
    }
1497
}
1498
 
1499
#backpacklist {
1500
    caption {
1501
        font-size: $font-size-base;
1502
        margin-top: 2rem;
1503
        margin-bottom: .5rem;
1504
    }
1505
}
1506
 
1507
// ---- URL: /admin/tool/analytics/index.php
1508
#predictionmodelslist {
1509
    margin-top: $page-padding-global;
1510
}
1511
 
1512
// ---- URL: /blocks/rss_client/managefeeds.php?rssid=0
1513
#rssfeeds {
1514
    width: 100%;
1515
    margin-bottom: 1rem;
1516
 
1517
    .title {
1518
        font-size: 1.15rem;
1519
    }
1520
 
1521
    .url {
1522
        font-size: $font-size-sm;
1523
        font-weight: $font-weight-medium;
1524
    }
1525
 
1526
    .description {
1527
        margin-top: .5rem;
1528
        font-size: $font-size-base;
1529
    }
1530
}
1531
 
1532
 
1533
// ---- Report Activity Progress Table
1534
#completion-progress {
1535
 
1536
    th[scope="row"],
1537
    .completion-sortchoice {
1538
        position: sticky;
1539
        top: 0;
1540
        left: 0;
1541
        z-index: 3;
1542
 
1543
        background-color: rgba($white, .2);
1544
        backdrop-filter: blur(7px);
1545
        -webkit-backdrop-filter: blur(7px);
1546
    }
1547
}
1548
 
1549
#page-report-progress-index #completion-progress th,
1550
#page-report-progress-index #completion-progress td {
1551
    min-width: 140px;
1552
    width: 140px;
1553
 
1554
    a {
1555
        display: block;
1556
        text-align: left;
1557
    }
1558
}
1559
 
1560
#page-report-progress-index #completion-progress td {
1561
    padding: 10px;
1562
}
1563
 
1564
#page-report-progress-index #completion-progress tbody th,
1565
#page-report-progress-index #completion-progress tbody td {
1566
    vertical-align: middle;
1567
}
1568
 
1569
#page-report-progress-index .rotated-text {
1570
    margin: 0 0 0 10px;
1571
    display: block;
1572
    font-size: $font-size-xs;
1573
    line-height: 1.3;
1574
    transform: none;
1575
    white-space: normal;
1576
    word-break: break-word;
1577
}
1578
 
1579
#page-report-progress-index .rotated-text-container {
1580
    display: block;
1581
}
1582
 
1583
#page-report-progress-index .modicon {
1584
    padding-top: 0;
1585
 
1586
    .icon {
1587
        margin: 0 0 0 10px;
1588
        width: 30px;
1589
        height: 30px;
1590
    }
1591
}
1592
 
1593
// Dark mode.
1594
.completion-expired .completion-expected {
1595
    display: inline-flex;
1596
    align-items: center;
1597
 
1598
    padding: 2px 4px;
1599
    margin: 3px 0 !important;
1600
 
1601
    @include font-size($badge-font-size);
1602
    font-weight: $badge-font-weight;
1603
    text-align: left;
1604
    border-radius: 5px;
1605
 
1606
    // Badge Light
1607
    background-color: $blue-100;
1608
    color: $blue-600;
1609
 
1610
    .theme-dark & {
1611
        background-color: $blue-600;
1612
        color: $blue-100;
1613
    }
1614
}
1615
 
1616
.completion-header {
1617
    min-width: 100px;
1618
    max-width: 100px;
1619
 
1620
    a {
1621
        display: flow-root;
1622
    }
1623
}
1624
 
1625
#completion-progress {
1626
    .completion-progresscell a {
1627
        display: flex !important;
1628
        align-content: center;
1629
        justify-content: center;
1630
    }
1631
}
1632
 
1633
#page-report-progress-index #completion-progress thead th a,
1634
#page-report-progress-index #completion-progress thead td a {
1635
    display: inline-flex;
1636
    width: 100%;
1637
    justify-content: flex-start;
1638
    align-items: center;
1639
}
1640
 
1641
// ---- URL: /report/outline/index.php?id=5
1642
#outlinetable {
1643
    .activity {
1644
        display: flex;
1645
        align-items: center;
1646
        width: 300px;
1647
 
1648
        .icon {
1649
            display: flex;
1650
            margin-right: 10px;
1651
            margin-bottom: 0;
1652
 
1653
            width: 40px;
1654
            height: 40px;
1655
        }
1656
    }
1657
 
1658
    td {
1659
        min-width: 200px;
1660
    }
1661
}
1662
 
1663
// ---- URL: /admin/roles/manage.php
1664
#roles {
1665
    .c1 {
1666
        max-width: 260px;
1667
        font-size: $font-size-xs;
1668
        color: $body-color-secondary;
1669
 
1670
        .theme-dark & {
1671
            color: $dm-body-color-secondary;
1672
        }
1673
    }
1674
}
1675
 
1676
// -- Aditional Icons UI
1677
.iconsort {
1678
    margin: 2px;
1679
    padding: 5px;
1680
 
1681
    width: 20px;
1682
    height: 20px;
1683
 
1684
    background-color: $gray-100;
1685
    border-radius: $btn-border-radius-lg;
1686
 
1687
    display: inline-flex;
1688
    align-items: center;
1689
    justify-content: center;
1690
 
1691
    &:hover {
1692
        background-color: $primary-color-100;
1693
 
1694
        .theme-dark & {
1695
            background-color: $primary-color-700;
1696
        }
1697
    }
1698
}
1699
 
1700
// ---- URL: /admin/tool/monitor/index.php
1701
.toolmonitor {
1702
    margin-top: 1rem;
1703
}
1704
 
1705
#page-admin-tool-monitor-index {
1706
    .main-content {
1707
        .singleselect {
1708
            margin-bottom: 1rem;
1709
        }
1710
    }
1711
}
1712
 
1713
 
1714
// Dark mode.
1715
.theme-dark {
1716
    table {
1717
 
1718
        th,
1719
        td {
1720
            border-color: $dm-border-color;
1721
        }
1722
    }
1723
}
1724
 
1725
#participants {
1726
    width: max-content;
1727
 
1728
    td {
1729
        font-size: $font-size-xs;
1730
    }
1731
}
1732
 
1733
.preferences-container {
1734
    .preference-table {
1735
        th {
1736
            font-size: $font-size-sm;
1737
            font-weight: $font-weight-bold;
1738
        }
1739
 
1740
        .custom-control {
1741
            min-height: auto;
1742
        }
1743
 
1744
        .custom-switch {
1745
            margin: 0;
1746
        }
1747
    }
1748
}