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