Proyectos de Subversion Moodle

Rev

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

Rev 1 Rev 1441
Línea 6... Línea 6...
6
// General styles
6
// General styles
7
//
7
//
Línea 8... Línea 8...
8
 
8
 
9
// Button styles when a toggle button is active.
9
// Button styles when a toggle button is active.
10
.reportbuilder-wrapper {
10
.reportbuilder-wrapper {
11
    .btn-outline-secondary[data-toggle="collapse"]:not(.collapsed),
11
    .btn-outline-secondary[data-bs-toggle="collapse"]:not(.collapsed),
12
    .dropdown.show .btn-outline-secondary[data-toggle="dropdown"] {
12
    .dropdown.show .btn-outline-secondary[data-bs-toggle="dropdown"] {
13
        color: color-yiq($gray-600);
13
        color: color-contrast($gray-600);
14
        background-color: $gray-600;
14
        background-color: $gray-600;
15
        border-color: $gray-600;
15
        border-color: $gray-600;
16
    }
16
    }
Línea 40... Línea 40...
40
.reportbuilder-wrapper .filters-dropdown {
40
.reportbuilder-wrapper .filters-dropdown {
41
    width: $rb-filters-dropdown-width;
41
    width: $rb-filters-dropdown-width;
42
    padding: 0 0 $rb-filters-footer-height 0;
42
    padding: 0 0 $rb-filters-footer-height 0;
43
    z-index: $zindex-modal;
43
    z-index: $zindex-modal;
44
    overflow: hidden;
44
    overflow: hidden;
45
    @include media-breakpoint-down(sm) {
45
    @include media-breakpoint-down(md) {
46
        width: 100%;
46
        width: 100%;
47
    }
47
    }
48
}
48
}
49
.reportbuilder-filters-sidebar {
49
.reportbuilder-filters-sidebar {
50
    max-height: $rb-filters-dropdown-height;
50
    max-height: $rb-filters-dropdown-height;
Línea 90... Línea 90...
90
        }
90
        }
91
        .fitem:not(.row):last-child {
91
        .fitem:not(.row):last-child {
92
            flex: 1;
92
            flex: 1;
93
            min-width: 0;
93
            min-width: 0;
94
            span,
94
            span,
95
            .custom-select {
95
            .form-select {
96
                width: 100%;
96
                width: 100%;
97
            }
97
            }
98
        }
98
        }
99
    }
99
    }
100
}
100
}
Línea 173... Línea 173...
173
    }
173
    }
174
}
174
}
175
// Allow horizontal scroll in editor table.
175
// Allow horizontal scroll in editor table.
176
.reportbuilder-editor-table-container {
176
.reportbuilder-editor-table-container {
177
    overflow-x: auto;
177
    overflow-x: auto;
-
 
178
    padding: 1px;
178
}
179
}
179
// Custom table headers.
180
// Custom table headers.
180
.reportbuilder-table th {
181
.reportbuilder-table th {
181
    button[data-action="report-remove-column"],
182
    button[data-action="report-remove-column"],
182
    span[data-drag-type="move"] {
183
    span[data-drag-type="move"] {
Línea 313... Línea 314...
313
        border-top: $card-border-width solid $card-border-color;
314
        border-top: $card-border-width solid $card-border-color;
314
    }
315
    }
315
    .toggle-card-button {
316
    .toggle-card-button {
316
        i.toggle-card-icon {
317
        i.toggle-card-icon {
317
            color: $gray-600;
318
            color: $gray-600;
318
            font-size: 1.5em;
-
 
319
            font-weight: 700;
319
            font-weight: 700;
320
        }
320
        }
321
        // Toggle icons using standard bootstrap collapse.
321
        // Toggle icons using standard bootstrap collapse.
322
        .collapsed-icon-container {
322
        .collapsed-icon-container {
323
            display: none;
323
            display: none;
Línea 371... Línea 371...
371
 
371
 
Línea 372... Línea 372...
372
// Mixin to covert a report table in a card
372
// Mixin to covert a report table in a card
373
 
373
 
-
 
374
@mixin table-cards {
-
 
375
    table.reportbuilder-table {
374
@mixin table-cards {
376
        --#{$prefix}table-striped-bg: #{$card-bg};
375
    table.reportbuilder-table {
377
        --#{$prefix}table-hover-bg: #{$card-bg};
376
        thead {
378
        thead {
377
            display: none;
379
            display: none;
378
        }
380
        }
379
        tr {
381
        tr {
380
            display: flex;
382
            display: flex;
381
            flex-direction: column;
383
            flex-direction: column;
382
            margin: .5rem 0;
-
 
383
            padding: .25rem .5rem 0 .5rem;
384
            margin: .5rem 0;
384
            background-color: $card-bg !important; /* stylelint-disable-line declaration-no-important */
385
            padding: .25rem .5rem 0 .5rem;
385
            word-wrap: break-word;
386
            word-wrap: break-word;
386
            background-clip: border-box;
387
            background-clip: border-box;
387
            border: $card-border-width solid $card-border-color;
-
 
388
            @include border-radius($card-border-radius);
-
 
389
            &:hover {
-
 
390
                background-color: $card-bg !important; /* stylelint-disable-line declaration-no-important */
388
            border: $card-border-width solid $card-border-color;
391
            }
389
            @include border-radius($card-border-radius);
392
            &.emptyrow {
390
            &.emptyrow {
393
                display: none;
391
                display: none;
394
            }
392
            }
Línea 435... Línea 433...
435
        }
433
        }
436
    }
434
    }
437
}
435
}
Línea 438... Línea 436...
438
 
436
 
-
 
437
// Logic to apply card-view mixin when necessary
-
 
438
.reportbuilder-report {
-
 
439
    container-type: inline-size; /* stylelint-disable-line */
Línea 439... Línea 440...
439
// Logic to apply card-view mixin when necessary
440
}
440
 
441
 
441
.reportbuilder-report[data-report-type="0"]:not([data-editing]) {
442
.reportbuilder-report[data-report-type="0"]:not([data-editing]) {
442
    // Report card view for small screens (if not forcing table).
443
    // Report card view for small containers (if not forcing table).
443
    @include media-breakpoint-down(xs) {
444
    @container (width < #{map-get($grid-breakpoints, sm)}) { /* stylelint-disable-line */
444
        &:not([data-force-table]) {
445
        &:not([data-force-table]) {
445
            @include table-cards;
446
            @include table-cards;
446
        }
447
        }
447
    }
-
 
448
    // Report card view for bigger screens (if forcing card).
448
    }
449
    @include media-breakpoint-up(sm) {
449
    // Report card view for bigger screens (if forcing card).
450
        &[data-force-card] {
-
 
451
            @include table-cards;
450
    &[data-force-card] {
452
        }
451
        @include table-cards;