Proyectos de Subversion Moodle

/**

* Reportbuilder.

*/

/* Table */

#page-admin-reportbuilder-edit {

    background-color: $container-bg;

    &.theme-dark {

        background-color: $dm-container-bg;

    }

    .page-popup-wrapper {

        margin-top: 65px;

        padding: 0;

    }

}

.reportbuilder-table {

    td {

        @extend .align-middle;

    }

}

/* Filters */

.reportbuilder-wrapper {

    .filters-dropdown {

        //width: 27rem;

        width: max-content;

        padding: 0;

        @include media-breakpoint-between(xs, sm) {

            width: 100%;

        }

        .custom-select {

            margin-top: 0!important;

            height: 36px;

            padding-top: 8px;

            padding-bottom: 8px;

            padding-left: 1rem;

            font-size: $font-size-xs;

            color: $dm-custom-select-color;

            background: $dm-custom-select-bg $dm-custom-select-background;

            border-color: $dm-custom-select-border-color;

        }

        .filter {

            padding: 10px 16px 10px;

            margin: 0 -16px 0!important;

            &:first-of-type {

                padding-top: 0;

            }

        }

        .btn {

            padding: 8px 14px;

            font-size: $font-size-xs;

        }

        .btn-link {

            color: $dropdown-link-color;

            .theme-dark & {

                color: $dm-dropdown-link-color;

            }

            &:hover {

                color: $dropdown-link-hover-color;

                .theme-dark & {

                    color: $dm-dropdown-link-hover-color;

                }

            }

        }

    }

    .reportbuilder-filters-wrapper,

    .reportbuilder-conditions-list {

        .mform {

            &.full-width-labels {

                .fitem.row {

                    >.col-md-3,

                    >.col-md-9 {

                        flex: 0 0 100%;

                        max-width: 100%;

                    }

                    .fdate_selector {

                        flex-wrap: wrap;

                    }

                }

            }

            .form-group {

                margin-bottom: 0!important;

                max-width: 100%;

                >span {

                    max-width: 100%;

                }

            }

        }

        .filter {

            .filter-header {

                font-size: $font-size-xs;

                .filter-name {

                    white-space: nowrap;

                    overflow: hidden;

                    text-overflow: ellipsis;

                    padding-right: 1rem;

                }

                .filter-name:hover {

                    white-space: normal;

                    text-overflow: clip;

                    word-break: break-all;

                }

            }

        }

    }

}

/**

* Styled scrollbar with left padding for webkit browsers.

*/

@mixin reportbuilder-scrollbar() {

    $inner-scrollbar-thumb: $secondary;

    $inner-scrollbar-track: lighten($secondary, 40%);

    &::-webkit-scrollbar {

        -webkit-appearance: none;

        appearance: none;

    }

    &::-webkit-scrollbar-thumb {

        background-color: $inner-scrollbar-thumb;

        border-left: 5px solid $white;

    }

    &::-webkit-scrollbar-track {

        background-color: $inner-scrollbar-track;

        border-left: 5px solid $white;

    }

}

/**

* Custom Reports.

*/

$rb-left-sidebar-width: 250px;

$rb-right-sidebar-width: 320px;

.reportbuilder-report-container {

    min-width: 0;

}

// Allow horizontal scroll in editor table.

.reportbuilder-editor-table-container {

    overflow-x: auto;

}

/* Custom table headers */

.reportbuilder-table th {

    button[data-action="report-remove-column"],

    span[data-drag-type="move"] {

        .icon {

            width: 18px;

            height: 18px;

            vertical-align: text-top;

            margin: 0;

        }

    }

    button[data-action="report-remove-column"] .icon {

        margin: 0;

    }

}

/* Sidebar menu */

.reportbuilder-sidebar-menu {

    @include media-breakpoint-up(lg) {

        width: $rb-left-sidebar-width;

        flex-shrink: 0;

    }

    .card-body .list-group-item-action {

        border: 1px solid $border-color;

        border-radius: $border-radius;

        width: calc(100% - 4px);

        margin: 1px 2px;

        padding: 4px 4px 4px 11px !important;

        &.text-muted {

            margin-top: 10px;

            border: 0;

        }

        .theme-dark & {

            border-color: $dm-border-color;

        }

        .icon {

            margin: 0!important;

            width: 18px;

            height: 18px;

        }

    }

    a.list-group-item-action:hover {

        box-shadow: $box-shadow-sm;

    }

}

.reportbuilder-sidebar-menu-cards {

    overflow-y: auto;

    @include thin-scrolls($scroll-bg-track);

    .theme-dark & {

        @include thin-scrolls($dm-drawer-scroll-bg-track);

    }

}

/* Settings sidebar */

.reportbuilder-sidebar-settings {

    .condition-header {

        background-color: $gray-100;

        .theme-dark & {

            background-color: $dm-gray-200;

        }

    }

    overflow-y: auto;

    @include thin-scrolls($scroll-bg-track);

    .theme-dark & {

        @include thin-scrolls($dm-drawer-scroll-bg-track);

    }

    @include media-breakpoint-up(lg) {

        width: $rb-right-sidebar-width;

        flex-shrink: 0;

    }

    .list-group-item {

        padding: 7px;

        margin: 2px 0;

        width: 100%;

        border: 1px solid $border-color;

        border-radius: $border-radius;

        .theme-dark & {

            border-color: $dm-border-color;

        }

        .icon {

            margin: 0;

            width: 18px;

            height: 18px;

        }

        button[data-action="report-remove-filter"],

        button[data-action="report-remove-condition"] {

            .icon {

                margin-right: 0;

                vertical-align: text-top;

            }

        }

        span[data-drag-type="move"] .icon {

            vertical-align: text-top;

        }

    }

    div[data-region="settings-sorting"] .list-group-item span[data-drag-type="move"] .icon {

        vertical-align: middle;

    }

    div[data-region="settings-cardview"] form {

        .col-md-3,

        .col-md-9 {

            flex: 1 1;

            max-width: initial;

        }

        div[data-fieldtype="submit"] {

            flex-basis: auto;

        }

    }

    .inplaceeditable.inplaceeditingon input {

        width: 100%;

    }

}

/* Drag&drop styles. */

.reportbuilder-sortable-list li,

.reportbuilder-table th,

.reportbuilder-conditions-list .condition {

    &.sortable-list-current-position {

        background-color: lighten($primary, 40%);

    }

    &.sortable-list-is-dragged {

        background-color: $white;

        opacity: 0.85;

    }

}

/* Reportbuilder full page styles. */

@include media-breakpoint-up(lg) {

    $tabs-height: 60px;

    $sidebar-margin-top: $navbar-height + $tabs-height + 20px;

    .path-admin-reportbuilder.pagelayout-popup {

        // Fix for behat-site defined in theme/alpha/scss/moodle/debug.scss:7 is not needed. Override it.

        &.behat-site .fixed-top {

            position: fixed;

        }

        #region-main {

            border: none;

            padding: 0;

        }

        #maincontent {

            visibility: hidden;

        }

        .dynamictabs .nav-tabs {

            margin: 0 16px;

            background-color: $gray-100;

            position: fixed;

            top: 70px;

            z-index: $zindex-fixed;

            max-width: calc(100% - 40px);

            width: max-content;

            border-radius: $border-radius;

            padding-top: 0;

            margin-bottom: 0 !important;

        }

        .dynamictabs .tab-content {

            padding-top: 85px;

        }

        .reportbuilder-sidebar-menu {

            position: absolute;

            .reportbuilder-sidebar-menu-cards {

                max-height: calc(100vh - #{$sidebar-margin-top} - 52px); // 52px corresponds to "search" input size.

            }

        }

        .reportbuilder-sidebar-settings {

            position: absolute;

            right: 0;

            max-height: calc(100vh - #{$sidebar-margin-top});

        }

        .reportbuilder-report[data-editing] .reportbuilder-report-container {

            width: 100%;

            max-height: calc(100vh - 150px);

            overflow-y: auto;

            @include thin-scrolls($scroll-bg-track);

            .theme-dark & {

                @include thin-scrolls($dm-drawer-scroll-bg-track);

            }

            margin-left: calc(#{$rb-left-sidebar-width} + 1rem);

            margin-right: calc(#{$rb-right-sidebar-width} + 1rem);

        }

        .reportbuilder-audiences-container {

            margin-left: calc(#{$rb-left-sidebar-width} + 1rem);

        }

    }

}

.theme-dark.path-admin-reportbuilder .nav-tabs {

    background-color: $dm-gray-100!important;

}

/* Toggle cards. */

.path-admin-reportbuilder .card-header {

    .inplaceeditable .quickeditlink {

        margin-left: 0!important;

    }

}

.reportbuilder-toggle-card {

    .card-header {

        .card-header {

            border-bottom: none;

            .inplaceeditable .quickeditlink {

                margin-left: 0!important;

            }

        }

    }

    .card-body {

        border-top: $card-border-width solid $card-border-color;

        .theme-dark & {

            border-color: $dm-border-color;

        }

    }

    .toggle-card-button {

        i.toggle-card-icon {

            font-size: 14px;

            font-weight: 700;

        }

        // Toggle icons using standard bootstrap collapse.

        .collapsed-icon-container {

            display: none;

        }

        .expanded-icon-container {

            display: inline-block;

        }

        &.collapsed {

            .collapsed-icon-container {

                display: inline-block;

            }

            .expanded-icon-container {

                display: none;

            }

        }

    }

}

/**

* Audiences.

*/

.reportbuilder-audiences-container {

    /* 'OR' separator. */

    .audience-separator {

        text-transform: uppercase;

        &::before,

        &::after {

            content: '';

            flex: 1;

            border-bottom: 1px solid rgba(0, 0, 0, .125);

        }

        &:not(:empty)::before {

            margin-right: 1rem;

        }

        &:not(:empty)::after {

            margin-left: 1rem;

        }

    }

    /* Card action icons. */

    .instance-card {

        .card-header {

            i.icon {

                margin-right: 0;

            }

        }

    }

}

/* Report table card view styles */

@mixin table-cards {

    table.reportbuilder-table {

        thead {

            display: none;

        }

        tr {

            display: flex;

            flex-direction: column;

            margin: .5rem 0;

            padding: .25rem .5rem 0 .5rem;

            background-color: $card-bg !important;

            /* stylelint-disable-line declaration-no-important */

            word-wrap: break-word;

            background-clip: border-box;

            border: $card-border-width solid $card-border-color;

            @include border-radius($card-border-radius);

            &:hover {

                background-color: $card-bg !important;

                /* stylelint-disable-line declaration-no-important */

            }

            &.emptyrow {

                display: none;

            }

            &:not(.show) {

                td[data-cardviewhidden] {

                    display: none;

                }

            }

            td {

                display: block;

                min-height: 3.6rem;

                padding: .5rem .25rem;

                border: none;

                &::before {

                    content: attr(data-cardtitle);

                    display: block;

                    text-transform: uppercase;

                    font-size: 70%;

                    color: $gray-800;

                }

                &:not([data-cardtitle]) {

                    min-height: 3rem;

                }

                &:not(:first-child):not(.card-toggle) {

                    border-top: $card-border-width solid $card-border-color;

                }

                &:first-child {

                    padding-right: 2rem;

                }

            }

            td.card-toggle {

                display: block !important;

                /* stylelint-disable-line declaration-no-important */

                position: absolute;

                right: 10px;

                button {

                    padding: 0 .5rem;

                    color: $gray-800;

                    i {

                        font-size: 1.5em;

                        font-weight: bold;

                    }

                }

            }

        }

    }

}

/* Report table card view for small screens */

.reportbuilder-report[data-report-type="0"]:not([data-editing]) {

    @include media-breakpoint-down(xs) {

        @include table-cards;

    }

}

#page-admin-reportbuilder-edit {

    #darkModeBtn {

        position: fixed;

        top: 58px;

        right: 0;

        z-index: $zindex-fixed;

    }

}

//

// Filters

//

$rb-filters-dropdown-width: 24rem !default;

$rb-filters-dropdown-height: 30rem !default;

$rb-filters-footer-height: 55px;

.reportbuilder-wrapper .filters-dropdown {

    width: $rb-filters-dropdown-width;

    max-width: inherit;

    padding: 0 0 $rb-filters-footer-height 0;

    z-index: $zindex-modal;

    overflow: hidden;

    @include media-breakpoint-down(sm) {

        width: 100%;

    }

    .custom-select, select.quickgrade {

        padding: 6px 20px 6px 10px;

        height: auto;

        font-size: $font-size-xs;

    }

    .form-control {

        padding: 6px 10px;

        height: auto;

        font-size: $font-size-xs;

    }

    .filter-name {

        margin-top: 4px;

        font-size: $font-size-xs;

    }

    .btn {

        padding: 6px 11px;

        font-size: $font-size-xs;

    }

}

.reportbuilder-filters-sidebar {

    max-height: $rb-filters-dropdown-height;

    overflow-y: auto;

    border-bottom: 1px solid $dropdown-border-color;

    .filter {

        &:not(:nth-last-child(2)) {

            border-bottom: 1px solid $dropdown-border-color;

        }

        .filter-name:hover {

            white-space: normal;

            text-overflow: clip;

            word-break: break-all;

        }

    }

    .fitem[data-groupname="buttonar"] {

        position: absolute;

        bottom: 0;

        height: $rb-filters-footer-height;

        align-items: center;

        background: #141414;

        left: 0;

        padding: 0 16px!important;

        width: 100%;

        align-items: center;

        .btn-link {

            color: #fff;

        }

        .col-form-label {

            display: none !important; /* stylelint-disable-line declaration-no-important */

        }

    }

}