Proyectos de Subversion Moodle

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 efrain 1
//---- Backup UI
2
 
3
.theme-dark.path-backup .mform {
4
    .icon {
5
        filter: invert(.9);
6
    }
7
}
8
 
9
.path-backup {
10
    .table-responsive table {
11
        width: 100%;
12
    }
13
}
14
 
15
.path-backup .mform {
16
 
17
    .checkbox .form-check {
18
        background-color: transparent;
19
        padding: 3px 0;
20
    }
21
 
22
    .form-control-static {
23
        line-height: 2;
24
 
25
        padding: 0;
26
        margin: 0;
27
        background-color: transparent;
28
        box-shadow: none;
29
 
30
        .icon {
31
            font-size: 12px;
32
            height: auto !important;
33
        }
34
 
35
    }
36
 
37
    .fcontainer {
38
        margin: 0 0 1rem;
39
    }
40
 
41
    .grouped_settings {
42
        clear: both;
43
        overflow: hidden;
44
 
45
        .icon {
46
            margin: 3px;
47
            width: 20px;
48
            height: 20px;
49
        }
50
 
51
        /* Use card styles but avoid extend because that brings in too much. */
52
        &.section_level {
53
            @include border-radius($card-border-radius);
54
            @include clearfix;
55
            margin-bottom: $card-spacer-x;
56
        }
57
    }
58
 
59
    /* These are long labels with checkboxes on the right. */
60
    .include_setting {
61
        width: 50%;
62
        display: inline-block;
63
 
64
        .text {
65
            display: flex;
66
            flex-direction: row-reverse;
67
            align-items: center;
68
        }
69
 
70
        &.section_level {
71
            padding: 0;
72
        }
73
    }
74
 
75
    .normal_setting {
76
        width: 50%;
77
        display: inline-block;
78
    }
79
 
80
    .backup_selector {
81
        padding: 10px 15px;
82
        background-color: $gray-100;
83
 
84
        .theme-dark & {
85
            background-color: $dm-gray-100;
86
        }
87
    }
88
 
89
}
90
 
91
.path-backup {
92
    .section_level {
93
        font-weight: $font-weight-medium;
94
    }
95
 
96
    .section_level .activity_level {
97
        padding-left: 64px;
98
 
99
        .form-group label {
100
            margin: 0;
101
            font-size: $font-size-xs;
102
        }
103
    }
104
 
105
    .proceedbutton {
106
        margin-left: auto;
107
    }
108
 
109
    .detail-pair {
110
        border-bottom: 1px solid $border-color;
111
        padding: 10px 0;
112
 
113
        &:last-of-type {
114
            border-bottom: 0;
115
        }
116
 
117
        .backup-restore & {
118
            display: inline-flex;
119
        }
120
 
121
        .detail-pair-label {
122
            margin: 0;
123
            padding-right: 10px;
124
            font-weight: $font-weight-bold;
125
 
126
            &:empty {
127
                display: none;
128
            }
129
        }
130
    }
131
 
132
    h2.header {
133
        font-size: 1.25rem;
134
    }
135
 
136
    .subheader {
137
        margin: 1rem 0;
138
        font-size: 1rem;
139
    }
140
}
141
 
142
.theme-dark.path-backup {
143
    .detail-pair {
144
        .theme-dark & {
145
            border-bottom: 1px solid $dm-border-color;
146
        }
147
    }
148
}
149
 
150
/* Override the columns width to leave more room for the labels. */
151
.path-backup .mform {
152
 
153
    .felement {
154
        padding: 0.25rem 0;
155
        font-size: $font-size-xs;
156
        font-weight: $font-weight-medium;
157
    }
158
 
159
    .custom-select {
160
        padding: 10px 20px 10px 10px;
161
    }
162
 
163
    .root_setting,
164
    .grouped_settings {
165
 
166
        padding: 5px 0;
167
 
168
        /* Striped rows like a table */
169
        &:nth-of-type(odd) {
170
            border-bottom: 1px solid $border-color;
171
        }
172
 
173
        .form-group {
174
            margin: 0!important;
175
 
176
            .col-md-3.checkbox {
177
                width: 0%;
178
            }
179
 
180
            .col-md-9.checkbox {
181
                width: 100%;
182
                left: 0;
183
            }
184
        }
185
    }
186
}
187
 
188
.theme-dark.path-backup .mform {
189
 
190
    .root_setting,
191
    .grouped_settings {
192
        &:nth-of-type(odd) {
193
            border-color: $dm-border-color;
194
        }
195
    }
196
 
197
    .mform .grouped_settings .icon {
198
        filter: invert(.9);
199
    }
200
}
201
 
202
/* Detail pair is (usually) some short label with a longer value */
203
.path-backup .detail-pair {
204
    width: 100%;
205
    display: inline-flex;
206
 
207
    .detail-pair-label,
208
    .detail-pair-value {
209
        display: block !important;
210
    }
211
 
212
}
213
 
214
.detail-pair {
215
 
216
    .rcs-search {
217
        margin-top: 10px;
218
    }
219
 
220
    .pl-2 {
221
        padding: 0 !important;
222
    }
223
 
224
}
225
 
226
.ics-results {
227
    margin-bottom: 1rem;
228
}
229
 
230
/* Make these bits full width and work with the detail-pair */
231
#id_rootsettings,
232
#id_coursesettings {
233
    font-size: $font-size-sm !important;
234
 
235
    border-radius: $btn-border-radius;
236
    border: 2px solid var(--primary-color-100);
237
 
238
    padding: $card-spacer-x;
239
    margin-bottom: $card-spacer-x;
240
 
241
    .theme-dark & {
242
        border-color: $dm-border-color;
243
    }
244
 
245
    legend {
246
        width: auto;
247
        padding: 5px 20px;
248
        border-radius: $btn-border-radius;
249
        background-color: $primary-color-600;
250
        color: $white;
251
 
252
        font-size: $font-size-sm;
253
        font-weight: $font-weight-medium;
254
    }
255
 
256
}
257
 
258
.path-backup .backup-section {
259
    font-size: $font-size-sm;
260
 
261
    border-radius: $btn-border-radius;
262
 
263
    @include clearfix;
264
    padding: $card-spacer-x;
265
    margin-bottom: $card-spacer-x;
266
 
267
    .generaltable {
268
        margin-bottom: 0;
269
    }
270
 
271
    .sub-header,
272
    .backup-sub-section,
273
    .singlebutton {
274
        width: 100%;
275
        float: left;
276
        clear: both;
277
    }
278
 
279
    /* Fix for nested table headers */
280
    th.header {
281
        width: auto;
282
        float: none;
283
    }
284
 
285
    /* Add card styles to backup sections */
286
    ::after {
287
        content: "";
288
        display: table;
289
        clear: both;
290
    }
291
 
292
    .ics-totalresults {
293
        margin-top: 1rem;
294
        margin-bottom: 1rem;
295
        font-size: $font-size-base;
296
        font-weight: $font-weight-medium;
297
    }
298
 
299
    &.ics-existing-course {
300
        .detail-pair {
301
            display: block !important;
302
        }
303
    }
304
}
305
 
306
.backup-restore .backup-section {
307
    border: 1px solid $border-color;
308
    border-radius: $btn-border-radius;
309
 
310
    .theme-dark & {
311
        border: 1px solid $dm-border-color;
312
    }
313
 
314
    .detail-pair {
315
        label {
316
            margin-bottom: 0 !important;
317
        }
318
 
319
        .detail-pair-label,
320
        .detail-pair-value {
321
            display: inline-flex;
322
            width: auto;
323
            margin-bottom: 0 !important;
324
        }
325
    }
326
 
327
    .w-25,
328
    .w-75 {
329
        width: 100% !important;
330
    }
331
 
332
    .subheader {
333
        margin: 2rem 0 0.5rem;
334
    }
335
}
336
 
337
.path-backup .notification.dependencies_enforced {
338
    color: $red-800;
339
    font-weight: $font-weight-bold;
340
}
341
 
342
.rui-backup-progress {
343
    margin-top: 0;
344
    margin-bottom: $card-spacer-y;
345
 
346
    font-size: $font-size-xs;
347
    font-weight: $font-weight-medium;
348
    color: $body-color-secondary;
349
 
350
    .theme-dark & {
351
        color: $dm-body-color-secondary;
352
    }
353
 
354
    .sep {
355
        display: none
356
    }
357
 
358
    .backup_stage {
359
        margin: 3px;
360
        display: inline-flex;
361
        align-items: center;
362
        flex-wrap: wrap;
363
 
364
        padding: $badge-padding-y $badge-padding-x;
365
        @include font-size($badge-font-size);
366
        font-weight: $badge-font-weight;
367
        vertical-align: baseline;
368
        @include border-radius($badge-border-radius);
369
        @include transition($badge-transition);
370
 
371
        @at-root a#{&} {
372
            @include hover-focus() {
373
                text-decoration: none;
374
            }
375
        }
376
 
377
        @extend .badge-light;
378
        @extend .badge-link;
379
 
380
        &.backup_stage_current {
381
            @extend .badge-primary;
382
        }
383
 
384
        &.backup_stage_next {
385
            opacity: 0.5;
386
            cursor: not-allowed;
387
 
388
            &+.accesshide+.arrow+.backup_stage,
389
            &+.accesshide+.arrow+.backup_stage+.accesshide+.arrow+.backup_stage,
390
            &+.accesshide+.arrow+.backup_stage+.accesshide+.arrow+.backup_stage+.accesshide+.arrow+.backup_stage,
391
            &+.accesshide+.arrow+.backup_stage+.accesshide+.arrow+.backup_stage+.accesshide+.arrow+.backup_stage+.accesshide+.arrow+.backup_stage {
392
                opacity: 0.5;
393
                cursor: not-allowed;
394
            }
395
        }
396
    }
397
 
398
 
399
}
400
 
401
.path-backup .rui-backup-progress span.backup_stage.backup_stage_complete {
402
    color: inherit;
403
}
404
 
405
#page-backup-restore .filealiasesfailures {
406
    background-color: $state-danger-bg;
407
 
408
    .aliaseslist {
409
        background-color: $body-bg;
410
    }
411
}
412
 
413
 
414
//TODO: I have now clue for what this part is.
415
.wibbler {
416
    margin: 5px auto 10px;
417
    padding: 10px;
418
 
419
    position: relative;
420
    min-height: 10px;
421
 
422
    border-radius: $btn-border-radius;
423
    background-color: $gray-100;
424
 
425
    .theme-dark & {
426
        background-color: $dm-gray-100;
427
    }
428
 
429
    .wibble {
430
        position: absolute;
431
        left: 10px;
432
        right: 10px;
433
        top: 8px;
434
        height: 5px;
435
        border-radius: $btn-border-radius;
436
    }
437
 
438
    .state0 {
439
        background: $yellow-200;
440
    }
441
 
442
    .state1 {
443
        background: $yellow-300;
444
    }
445
 
446
    .state2 {
447
        background: $yellow-600;
448
    }
449
 
450
    .state3 {
451
        background: $green-500;
452
    }
453
 
454
    .state4 {
455
        background: $green-600;
456
    }
457
 
458
    .state5 {
459
        background: $green-700;
460
    }
461
 
462
    .state6 {
463
        background: $green-800;
464
    }
465
 
466
    .state7 {
467
        background: $green-900;
468
    }
469
 
470
    .state8 {
471
        background: $blue-200;
472
    }
473
 
474
    .state9 {
475
        background: $blue-300;
476
    }
477
 
478
    .state10 {
479
        background: $blue-400;
480
    }
481
 
482
    .state11 {
483
        background: $blue-500;
484
    }
485
 
486
    .state12 {
487
        background: $blue-600;
488
    }
489
}
490
 
491
#page-backup-backup {
492
    [role="main"] {
493
        .form-group {
494
            margin: 0!important;
495
            padding: 0 0.25rem!important;
496
 
497
            label {
498
                margin: 0;
499
            }
500
        }
501
    }
502
}
503
 
504
.path-backup .mform .grouped_settings.section_level {
505
    padding: 10px;
506
    border: 1px solid $border-color;
507
 
508
    .theme-dark & {
509
        border: 1px solid $dm-border-color;
510
    }
511
 
512
    &:last-child {
513
        margin-bottom: 0;
514
    }
515
}
516
 
517
 
518
.backup-restore {
519
    span.error {
520
        margin: 15px 0 0;
521
        padding: 10px;
522
        display: inline-flex;
523
 
524
        font-size: $font-size-xs;
525
        font-weight: $font-weight-medium;
526
        color: $white;
527
        background-color: $red-600;
528
 
529
        border-radius: $btn-border-radius $btn-border-radius 0 0;
530
    }
531
 
532
    fieldset.error {
533
        padding: 1rem;
534
        background-color: $white;
535
        border-radius: 0 $border-radius $border-radius $border-radius;
536
        border: 2px solid $red-600;
537
    }
538
 
539
    td,
540
    th {
541
        padding: 3px;
542
        font-size: $font-size-xs;
543
    }
544
 
545
    .error {
546
        .detail-pair {
547
            align-items: flex-start;
548
        }
549
    }
550
 
551
}
552
 
553
.activitytable {
554
    .modulename .icon {
555
        margin-right: 0.35rem;
556
    }
557
}
558
 
559
.backup_progress {
560
    margin-bottom: 20px;
561
    font-size: $font-size-xs;
562
 
563
    display: inline-flex;
564
    flex-wrap: wrap;
565
    align-items: center;
566
}
567
 
568
.backup_progress .arrow.sep {
569
    margin: 0 4px;
570
 
571
    display: inline-flex;
572
    align-items: center;
573
    justify-content: center;
574
 
575
    width: 16px;
576
    height: 16px;
577
    border-radius: 16px;
578
 
579
    background: $gray-200;
580
 
581
    font-size: 9px;
582
    color: $gray-600;
583
    text-indent: 2px;
584
 
585
    .theme-dark & {
586
        background-color: $dm-gray-200;
587
        color: $dm-gray-600;
588
    }
589
}
590
 
591
.normal_setting,
592
.root_setting {
593
    label {
594
        margin-bottom: 0;
595
    }
596
}