Proyectos de Subversion Moodle

/**

 Blocks

 */

.blockmovetarget .accesshide {

    position: relative;

    left: initial;

}

.block:target {

    padding-top: 0 !important; /* stylelint-disable declaration-no-important */

    margin-top: 0 !important;

}

.block_search_forums .searchform {

    /* Override plugin's default. */

    text-align: left;

}

.block.block_navigation .block_tree ul,

.block_settings .block_tree ul {

    margin-left: 0;

}

.block .block-controls {

    .dropdown-toggle {

        /* So that the caret takes the colour of the icon. */

        color: $body-color;

    }

}

$blocks-column-width: 360px !default;

[data-region="blocks-column"] {

    width: $blocks-column-width;

    float: right;

}

$blocks-plus-gutter: $blocks-column-width + ( $grid-gutter-width * 0.5 );

/* We put an absolutely positioned div in a relatively positioned div so it takes up no space */

@include media-breakpoint-up(sm) {

    #region-main-settings-menu {

        position: relative;

        float: left;

        width: 100%;

    }

    #region-main-settings-menu > div {

        position: absolute;

        right: 0;

        z-index: 100;

        margin: 1rem;

    }

    .region_main_settings_menu_proxy {

        width: 4rem;

        height: 2rem;

        background-color: $body-bg;

        margin-left: $card-spacer-x * 0.5;

        margin-bottom: $card-spacer-x * 0.5;

        border-bottom-left-radius: 0.5rem;

        float: right;

    }

}

@include media-breakpoint-down(sm) {

    #region-main-settings-menu .menubar {

        justify-content: flex-end;

    }

}

// Required for IE11 to prevent blocks being pushed under the content.

#region-main.has-blocks {

    display: inline-block;

    width: calc(100% - #{$blocks-plus-gutter});

    @include media-breakpoint-down(lg) {

        width: 100%;

        /* MDL-63102 - Remove extra space at bottom.

        If modifying make sure block-region is horizontally stacked when in full screen */

        display: block;

    }

}

.header-action {

    #region-main-settings-menu {

        position: unset;

        float: none;

        width: auto;

        & > div {

            position: unset;

            right: auto;

            margin: 0;

        }

    }

}

[data-region="blocks-column"] {

    @include media-breakpoint-down(lg) {

        width: 100%;

    }

}

.block .empty-placeholder-image-lg {

    height: 5rem;

}

.block {

    .searchbar {

        .icon {

            margin-right: 0;

        }

    }

}

//

// Cards.

//

.block .block-cards {

    .course-info-container {

        padding: 0.8rem;

    }

    .progress {

        height: 0.5rem;

    }

    .course-summaryitem {

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

        background-color: $body-bg;

    }

    .icon {

        margin-right: 0;

    }

    .card .coursemenubtn {

        margin-top: -0.5rem;

    }

    span.categoryname,

    .btn-link {

        color: $gray-900;

    }

    .progress-text {

        color: $gray-600;

    }

    .multiline {

        white-space: normal;

    }

    .btn.btn-link.btn-icon {

        height: 36px;

        width: 36px;

        padding: 0;

        border-radius: 50%;

    }

}

.card-grid {

    display: flex;

    .card {

        flex: 1;

    }

    .drawercontent & .col,

    .blockcolumn & .col {

        flex: 0 0 auto;

        max-width: 100%;

    }

}

.card-carousel {

    display: flex;

    .card {

        flex: 1;

        @include media-breakpoint-up(sm) {

            flex: 0 1 auto;

            width: 240px;

            max-width: 100%;

        }

    }

}

.course-card,

.theme-card {

    .card-img-top {

        height: 7rem;

        background-position: center;

        background-size: cover;

    }

}

//

// Block block_recentlyaccessedcourses

//

.block_recentlyaccessedcourses {

    .paging-bar-container {

        margin-top: -2.4rem;

        padding-right: 0.5rem;

        justify-content: flex-end;

    }

    @include media-breakpoint-down(xs) {

        .paging-bar-container {

            margin-top: 0;

        }

    }

}

#block-region-side-pre {

    .block_recentlyaccessedcourses {

        .paging-bar-container {

            margin-top: 0;

        }

    }

}

//

// Block block_recentlyaccesseditems

//

.block_recentlyaccesseditems {

    .activityiconcontainer {

        width: 40px;

        height: 40px;

    }

    aside[id^="block-region-side-"] & .card:nth-of-type(n+4) {

        display: none;

    }

    #block-region-content & [data-region="more-items-button-container"] {

        display: none;

    }

    a.card {

        &:hover,

        &:focus {

            text-decoration: none;

            h6 {

                text-decoration: underline;

            }

        }

        small {

            color: $body-color;

        }

    }

}

//

// Block block_myoverview

//

.block_myoverview {

    .content {

        min-height: 19.35rem;

    }

    .paged-content-page-container {

        min-height: 13rem;

    }

    .summary-image {

        height: 5rem;

        width: 5rem;

        background-position: center;

        background-size: cover;

    }

    .list-image {

        height: 5rem;

        width: 20rem;

        background-position: center;

        background-size: cover;

        @include media-breakpoint-down(lg) {

            width: 100%;

        }

    }

}

//

// Block block_timeline

//

.block_timeline {

    .paged-content-page-container {

        background-color: $list-group-bg;

    }

}

.block_timeline {

    .event-action {

        padding-left: 5.55em;

    }

}

//

// Blocks block_settings and block_navigation

//

// Show expand collapse with font-awesome.

.block_settings .block_tree [aria-expanded="true"],

.block_settings .block_tree [aria-expanded="true"].emptybranch,

.block_settings .block_tree [aria-expanded="false"],

.block_navigation .block_tree [aria-expanded="true"],

.block_navigation .block_tree [aria-expanded="true"].emptybranch,

.block_navigation .block_tree [aria-expanded="false"] {

    background-image: none;

}

.block_settings .block_tree [aria-expanded="true"] > p:before,

.block_navigation .block_tree [aria-expanded="true"] > p:before {

    @extend .fa-solid;

    content: fa-content($fa-var-angle-down);

    margin-right: 0;

    font-size: 16px;

    width: 16px;

}

.block_settings .block_tree [aria-expanded="false"] > p:before,

.block_navigation .block_tree [aria-expanded="false"] > p:before {

    @extend .fa-solid;

    content: fa-content($fa-var-angle-right);

    margin-right: 0;

    font-size: 16px;

    width: 16px;

}

.dir-rtl {

    .block_settings .block_tree [aria-expanded="false"] > p:before,

    .block_navigation .block_tree [aria-expanded="false"] > p:before {

        @extend .fa-solid;

        content: fa-content($fa-var-angle-left);

    }

}

.block_navigation .block_tree p.hasicon,

.block_settings .block_tree p.hasicon {

    text-indent: -3px;

    .icon {

        margin-right: 2px;

    }

}

.block.invisibleblock .card-title {

    color: $text-muted;

}

.block_social_activities li a.movehere,

.block_site_main_menu li a.movehere {

    display: block;

    width: 100%;

    height: 2rem;

    border: 2px dashed $gray-800;

    margin: 4px 0;

}

//

// Fake blocks

//

.pagelayout-embedded {

    .has-fake-blocks {

        padding: 1rem;

        display: flex;

    }

    .has-fake-blocks .embedded-main {

        order: 0;

        width: calc(100% - #{$blocks-column-width});

        margin-right: 1rem;

    }

    .embedded-blocks {

        order: 1;

        width: $blocks-column-width;

    }

    @media (max-width: 767.98px) {

        .has-fake-blocks {

            display: block;

        }

        .has-fake-blocks .embedded-main {

            width: 100%;

        }

        .embedded-blocks {

            width: 100%;

        }

    }

}

//

// Block add button

//

.block-add {

    @include alert-variant($primary-light-background, $primary-light-border, $primary);

    @include border-radius();

    width: 100%;

    border-width: $border-width;

    .pluscontainer {

        border: $border-width solid $primary-light-border;

        border-radius: 50%;

        width: map-get($iconsizes, 5);

        height: map-get($iconsizes, 5);

    }

    &:hover {

        cursor: pointer;

        background-color: $primary-light-background;

        .activity-add-text {

            text-decoration: underline;

        }

    }

}