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;