Proyectos de Subversion Moodle

Rev

Rev 1 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 1 Rev 1441
Línea 46... Línea 46...
46
            background: $dm-custom-select-bg $dm-custom-select-background;
46
            background: $dm-custom-select-bg $dm-custom-select-background;
47
            border-color: $dm-custom-select-border-color;
47
            border-color: $dm-custom-select-border-color;
48
        }
48
        }
Línea 49... Línea 49...
49
 
49
 
50
        .filter {
50
        .filter {
51
            padding: 0 16px 10px;
51
            padding: 10px 16px 10px;
-
 
52
            margin: 0 -16px 0!important;
-
 
53
 
-
 
54
            &:first-of-type {
-
 
55
                padding-top: 0;
52
            margin: 0 -16px 13px!important;
56
            }
Línea 53... Línea 57...
53
        }
57
        }
54
 
58
 
55
        .btn {
59
        .btn {
Línea 149... Línea 153...
149
/**
153
/**
150
* Custom Reports.
154
* Custom Reports.
151
*/
155
*/
Línea 152... Línea 156...
152
 
156
 
153
$rb-left-sidebar-width: 250px;
157
$rb-left-sidebar-width: 250px;
Línea 154... Línea 158...
154
$rb-right-sidebar-width: 350px;
158
$rb-right-sidebar-width: 320px;
155
 
159
 
156
.reportbuilder-report-container {
160
.reportbuilder-report-container {
Línea 169... Línea 173...
169
    span[data-drag-type="move"] {
173
    span[data-drag-type="move"] {
170
        .icon {
174
        .icon {
171
            width: 18px;
175
            width: 18px;
172
            height: 18px;
176
            height: 18px;
173
            vertical-align: text-top;
177
            vertical-align: text-top;
174
            color: $body-color;
178
            margin: 0;
175
        }
179
        }
176
    }
180
    }
Línea 177... Línea 181...
177
 
181
 
178
    button[data-action="report-remove-column"] .icon {
182
    button[data-action="report-remove-column"] .icon {
179
        margin-right: 0;
183
        margin: 0;
180
    }
184
    }
Línea 181... Línea 185...
181
}
185
}
182
 
186
 
Línea 187... Línea 191...
187
        flex-shrink: 0;
191
        flex-shrink: 0;
188
    }
192
    }
Línea 189... Línea 193...
189
 
193
 
190
    .card-body .list-group-item-action {
194
    .card-body .list-group-item-action {
191
        border: 1px solid $border-color;
195
        border: 1px solid $border-color;
Línea 192... Línea 196...
192
        border-radius: $btn-border-radius;
196
        border-radius: $border-radius;
193
 
197
 
194
        width: calc(100% - 4px);
198
        width: calc(100% - 4px);
Línea 203... Línea 207...
203
        .theme-dark & {
207
        .theme-dark & {
204
            border-color: $dm-border-color;
208
            border-color: $dm-border-color;
205
        }
209
        }
Línea 206... Línea 210...
206
 
210
 
-
 
211
        .icon {
207
        .icon {
212
            margin: 0!important;
208
            width: 18px;
213
            width: 18px;
209
            height: 18px;
214
            height: 18px;
-
 
215
        }
-
 
216
 
-
 
217
    }
-
 
218
 
-
 
219
    a.list-group-item-action:hover {
210
        }
220
        box-shadow: $box-shadow-sm;
211
    }
221
    }
Línea 212... Línea 222...
212
}
222
}
213
 
223
 
Línea 220... Línea 230...
220
    }
230
    }
221
}
231
}
Línea 222... Línea 232...
222
 
232
 
223
/* Settings sidebar */
233
/* Settings sidebar */
-
 
234
.reportbuilder-sidebar-settings {
-
 
235
 
-
 
236
    .condition-header {
-
 
237
        background-color: $gray-100;
-
 
238
        .theme-dark & {
-
 
239
            background-color: $dm-gray-200;
-
 
240
        }
-
 
241
    }
224
.reportbuilder-sidebar-settings {
242
 
225
    overflow-y: auto;
243
    overflow-y: auto;
Línea 226... Línea 244...
226
    @include thin-scrolls($scroll-bg-track);
244
    @include thin-scrolls($scroll-bg-track);
227
 
245
 
Línea 233... Línea 251...
233
        width: $rb-right-sidebar-width;
251
        width: $rb-right-sidebar-width;
234
        flex-shrink: 0;
252
        flex-shrink: 0;
235
    }
253
    }
Línea 236... Línea 254...
236
 
254
 
237
    .list-group-item {
255
    .list-group-item {
-
 
256
        padding: 7px;
-
 
257
        margin: 2px 0;
-
 
258
        width: 100%;
-
 
259
        border: 1px solid $border-color;
-
 
260
        border-radius: $border-radius;
-
 
261
 
-
 
262
        .theme-dark & {
-
 
263
            border-color: $dm-border-color;
Línea 238... Línea 264...
238
        padding: .3rem .75rem;
264
        }
-
 
265
 
239
 
266
        .icon {
240
        .icon {
267
            margin: 0;
241
            width: 18px;
-
 
242
            height: 18px;
-
 
243
 
268
            width: 18px;
Línea 244... Línea 269...
244
            color: $body-color;
269
            height: 18px;
245
        }
270
        }
246
 
271
 
Línea 277... Línea 302...
277
    .inplaceeditable.inplaceeditingon input {
302
    .inplaceeditable.inplaceeditingon input {
278
        width: 100%;
303
        width: 100%;
279
    }
304
    }
280
}
305
}
Línea 281... Línea -...
281
 
-
 
282
/* Add button styles when a toggle button is active. */
-
 
283
// .reportbuilder-wrapper {
-
 
284
//     button.btn-outline-secondary[data-toggle="collapse"]:not(.collapsed),
-
 
285
//     .dropdown.show button.btn-outline-secondary[data-toggle="dropdown"] {
-
 
286
//         color: color-yiq($gray-600);
-
 
287
//         background-color: $gray-600;
-
 
288
//         border-color: $gray-600;
-
 
289
//     }
-
 
290
// }
-
 
291
 
306
 
292
/* Drag&drop styles. */
307
/* Drag&drop styles. */
293
.reportbuilder-sortable-list li,
308
.reportbuilder-sortable-list li,
294
.reportbuilder-table th,
309
.reportbuilder-table th,
295
.reportbuilder-conditions-list .condition {
310
.reportbuilder-conditions-list .condition {
Línea 323... Línea 338...
323
        #maincontent {
338
        #maincontent {
324
            visibility: hidden;
339
            visibility: hidden;
325
        }
340
        }
Línea 326... Línea 341...
326
 
341
 
-
 
342
        .dynamictabs .nav-tabs {
327
        .dynamictabs .nav-tabs {
343
            margin: 0 16px;
328
            background-color: $gray-100;
344
            background-color: $gray-100;
329
            position: fixed;
345
            position: fixed;
330
            top: 70px;
346
            top: 70px;
331
            z-index: $zindex-fixed;
347
            z-index: $zindex-fixed;
332
            max-width: calc(100% - 40px);
348
            max-width: calc(100% - 40px);
333
            width: max-content;
349
            width: max-content;
334
            border-radius: $btn-border-radius;
350
            border-radius: $border-radius;
335
            padding-top: 0;
351
            padding-top: 0;
336
            margin-bottom: 0 !important;
352
            margin-bottom: 0 !important;
Línea 337... Línea 353...
337
        }
353
        }
338
 
354
 
339
        .dynamictabs .tab-content {
355
        .dynamictabs .tab-content {
Línea 340... Línea 356...
340
            padding-top: $tabs-height + 20px;
356
            padding-top: 85px;
341
        }
357
        }
Línea 348... Línea 364...
348
            }
364
            }
349
        }
365
        }
Línea 350... Línea 366...
350
 
366
 
351
        .reportbuilder-sidebar-settings {
367
        .reportbuilder-sidebar-settings {
352
            position: absolute;
368
            position: absolute;
353
            right: 30px;
369
            right: 0;
354
            max-height: calc(100vh - #{$sidebar-margin-top});
370
            max-height: calc(100vh - #{$sidebar-margin-top});
Línea 355... Línea 371...
355
        }
371
        }
-
 
372
 
356
 
373
        .reportbuilder-report[data-editing] .reportbuilder-report-container {
357
        .reportbuilder-report[data-editing] .reportbuilder-report-container {
374
            width: 100%;
358
            max-height: calc(100vh - #{$sidebar-margin-top});
375
            max-height: calc(100vh - 150px);
Línea 359... Línea 376...
359
            overflow-y: auto;
376
            overflow-y: auto;
360
            @include thin-scrolls($scroll-bg-track);
377
            @include thin-scrolls($scroll-bg-track);
Línea 376... Línea 393...
376
.theme-dark.path-admin-reportbuilder .nav-tabs {
393
.theme-dark.path-admin-reportbuilder .nav-tabs {
377
    background-color: $dm-gray-100!important;
394
    background-color: $dm-gray-100!important;
378
}
395
}
Línea 379... Línea 396...
379
 
396
 
-
 
397
/* Toggle cards. */
-
 
398
.path-admin-reportbuilder .card-header {
-
 
399
    .inplaceeditable .quickeditlink {
-
 
400
        margin-left: 0!important;
-
 
401
    }
-
 
402
}
380
/* Toggle cards. */
403
 
381
.reportbuilder-toggle-card {
404
.reportbuilder-toggle-card {
-
 
405
    .card-header {
382
    .card-header {
406
        .card-header {
-
 
407
            border-bottom: none;
-
 
408
        
-
 
409
            .inplaceeditable .quickeditlink {
-
 
410
                margin-left: 0!important;
-
 
411
            }
383
        border-bottom: none;
412
        }
Línea 384... Línea 413...
384
    }
413
    }
385
 
414
 
Línea 391... Línea 420...
391
        }
420
        }
392
    }
421
    }
Línea 393... Línea 422...
393
 
422
 
394
    .toggle-card-button {
423
    .toggle-card-button {
395
        i.toggle-card-icon {
-
 
396
            color: $gray-600;
424
        i.toggle-card-icon {
397
            font-size: 1.5em;
425
            font-size: 14px;
398
            font-weight: 700;
426
            font-weight: 700;
Línea 399... Línea 427...
399
        }
427
        }
400
 
428
 
Línea 522... Línea 550...
522
                position: absolute;
550
                position: absolute;
523
                right: 10px;
551
                right: 10px;
Línea 524... Línea 552...
524
 
552
 
525
                button {
553
                button {
526
                    padding: 0 .5rem;
554
                    padding: 0 .5rem;
Línea 527... Línea 555...
527
                    color: $gray-600;
555
                    color: $gray-800;
528
 
556
 
529
                    i {
557
                    i {
530
                        font-size: 1.5em;
558
                        font-size: 1.5em;
Línea 540... Línea 568...
540
.reportbuilder-report[data-report-type="0"]:not([data-editing]) {
568
.reportbuilder-report[data-report-type="0"]:not([data-editing]) {
541
    @include media-breakpoint-down(xs) {
569
    @include media-breakpoint-down(xs) {
542
        @include table-cards;
570
        @include table-cards;
543
    }
571
    }
544
}
572
}
-
 
573
 
-
 
574
#page-admin-reportbuilder-edit {
-
 
575
    #darkModeBtn {
-
 
576
        position: fixed;
-
 
577
        top: 58px;
-
 
578
        right: 0;
-
 
579
        z-index: $zindex-fixed;
-
 
580
    }
-
 
581
}
-
 
582
 
-
 
583
//
-
 
584
// Filters
-
 
585
//
-
 
586
 
-
 
587
$rb-filters-dropdown-width: 24rem !default;
-
 
588
$rb-filters-dropdown-height: 30rem !default;
-
 
589
$rb-filters-footer-height: 55px;
-
 
590
 
-
 
591
.reportbuilder-wrapper .filters-dropdown {
-
 
592
    width: $rb-filters-dropdown-width;
-
 
593
    max-width: inherit;
-
 
594
    padding: 0 0 $rb-filters-footer-height 0;
-
 
595
    z-index: $zindex-modal;
-
 
596
    overflow: hidden;
-
 
597
    @include media-breakpoint-down(sm) {
-
 
598
        width: 100%;
-
 
599
    }
-
 
600
 
-
 
601
    .custom-select, select.quickgrade {
-
 
602
        padding: 6px 20px 6px 10px;
-
 
603
        height: auto;
-
 
604
        font-size: $font-size-xs;
-
 
605
    }
-
 
606
 
-
 
607
    .form-control {
-
 
608
        padding: 6px 10px;
-
 
609
        height: auto;
-
 
610
        font-size: $font-size-xs;
-
 
611
    }
-
 
612
 
-
 
613
    .filter-name {
-
 
614
        margin-top: 4px;
-
 
615
        font-size: $font-size-xs;
-
 
616
    }
-
 
617
    .btn {
-
 
618
        padding: 6px 11px;
-
 
619
        font-size: $font-size-xs;
-
 
620
    }
-
 
621
}
-
 
622
.reportbuilder-filters-sidebar {
-
 
623
    max-height: $rb-filters-dropdown-height;
-
 
624
    overflow-y: auto;
-
 
625
    border-bottom: 1px solid $dropdown-border-color;
-
 
626
 
-
 
627
    .filter {
-
 
628
        &:not(:nth-last-child(2)) {
-
 
629
            border-bottom: 1px solid $dropdown-border-color;
-
 
630
        }
-
 
631
        .filter-name:hover {
-
 
632
            white-space: normal;
-
 
633
            text-overflow: clip;
-
 
634
            word-break: break-all;
-
 
635
        }
-
 
636
    }
-
 
637
    .fitem[data-groupname="buttonar"] {
-
 
638
        position: absolute;
-
 
639
        bottom: 0;
-
 
640
        height: $rb-filters-footer-height;
-
 
641
        align-items: center;
-
 
642
        background: #141414;
-
 
643
        left: 0;
-
 
644
        padding: 0 16px!important;
-
 
645
        width: 100%;
-
 
646
        align-items: center;
-
 
647
        .btn-link {
-
 
648
            color: #fff;
-
 
649
        }
-
 
650
        .col-form-label {
-
 
651
            display: none !important; /* stylelint-disable-line declaration-no-important */
-
 
652
        }
-
 
653
    }
-
 
654
}
545
655