WebSVN – Moodle – Diff – /theme/boost/scss/moodle/blocks.scss



    margin-left: 0;
}

 
.block .block-controls {
    .dropdown-toggle {
        /* So that the icon takes the colour of the icon. */
        color: $body-color;
    }
    .dropdown-toggle::after {
        display: none;
    }
    .dropdown-menu {
        max-width: 500px;
        .dropdown-item {
            @include text-truncate;
        }
    }

}

 
$blocks-column-width: 360px !default;
 
[data-region="blocks-column"] {

    width: $blocks-column-width;

    float: right;
}
 
$blocks-plus-gutter: calc(#{$blocks-column-width} + (#{$grid-gutter-width} * 0.5));

        border-bottom-left-radius: 0.5rem;
        float: right;
    }
}

 
@include media-breakpoint-down(md) {
    #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(xl) {
        width: 100%;
        /* MDL-63102 - Remove extra space at bottom.
        If modifying make sure block-region is horizontally stacked when in full screen */

        }
    }
}

 
[data-region="blocks-column"] {
    @include media-breakpoint-down(xl) {
        width: 100%;
    }

}

        color: $gray-600;
    }
    .multiline {
        white-space: normal;
    }
 
 
 
 
 
 
}
.card-grid {
    display: flex;
    .card {
        flex: 1;

    .paging-bar-container {
        margin-top: -2.4rem;
        padding-right: 0.5rem;
        justify-content: flex-end;
    }
    @include media-breakpoint-down(sm) {
        .paging-bar-container {
            margin-top: 0;
        }
    }
}

    .list-image {
        height: 5rem;
        width: 20rem;
        background-position: center;
        background-size: cover;
        @include media-breakpoint-down(xl) {
            width: 100%;
        }
    }
}

.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 {
    font: var(--fa-font-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 {
    font: var(--fa-font-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 {
        font: var(--fa-font-solid);
        content: fa-content($fa-var-angle-left);
    }

}

 
.block.invisibleblock .card-title {
    color: $text-muted;

 
}
 
 
 
 
 
.block_tree .tree_item.branch {

    margin-left: 8px;
}
 

 
//
// Block add button
//
.block-add {
    color: $primary;
    border-color: $primary-light-border;
    @include gradient-bg($primary-light-background);
    @include border-radius();
    width: 100%;
    border-width: $border-width;
    .pluscontainer {
        border: $border-width solid $primary-light-border;
        border-radius: 50%;
        width: map-get($iconwidthsizes, 5);
        height: map-get($iconsizes, 5);
    }
    &:hover {
        cursor: pointer;

Rev 1	Rev 1441
Línea 22...	Línea 22...
22	`margin-left: 0;`	22	`margin-left: 0;`
23	`}`	23	`}`
Línea 24...	Línea 24...
24		24
25	`.block .block-controls {`	25	`.block .block-controls {`
26	`.dropdown-toggle {`	26	`.dropdown-toggle {`
27	`/* So that the caret takes the colour of the icon. */`	27	`/* So that the icon takes the colour of the icon. */`
28	`color: $body-color;`	28	`color: $body-color;`
-		29	`}`
-		30	`.dropdown-toggle::after {`
-		31	`display: none;`
-		32	`}`
-		33	`.dropdown-menu {`
-		34	`max-width: 500px;`
-		35	`.dropdown-item {`
-		36	`@include text-truncate;`
-		37	`}`
29	`}`	38	`}`
Línea 30...	Línea 39...
30	`}`	39	`}`
Línea 31...	Línea 40...
31		40
32	`$blocks-column-width: 360px !default;`	41	`$blocks-column-width: 360px !default;`
33		42
34	`[data-region="blocks-column"] {`	43	`[data-region="blocks-column"] {`
Línea 35...	Línea 44...
35	`width: $blocks-column-width;`	44	`width: $blocks-column-width;`
Línea 36...	Línea 45...
36	`float: right;`	45	`float: right;`
37	`}`	46	`}`
38		47
39	`$blocks-plus-gutter: $blocks-column-width + ( $grid-gutter-width * 0.5 );`	48	`$blocks-plus-gutter: calc(#{$blocks-column-width} + (#{$grid-gutter-width} * 0.5));`
Línea 62...	Línea 71...
62	`border-bottom-left-radius: 0.5rem;`	71	`border-bottom-left-radius: 0.5rem;`
63	`float: right;`	72	`float: right;`
64	`}`	73	`}`
65	`}`	74	`}`
Línea 66...	Línea 75...
66		75
67	`@include media-breakpoint-down(sm) {`	76	`@include media-breakpoint-down(md) {`
68	`#region-main-settings-menu .menubar {`	77	`#region-main-settings-menu .menubar {`
69	`justify-content: flex-end;`	78	`justify-content: flex-end;`
70	`}`	79	`}`
Línea 71...	Línea 80...
71	`}`	80	`}`
72		81
73	`// Required for IE11 to prevent blocks being pushed under the content.`	82	`// Required for IE11 to prevent blocks being pushed under the content.`
74	`#region-main.has-blocks {`	83	`#region-main.has-blocks {`
75	`display: inline-block;`	84	`display: inline-block;`
76	`width: calc(100% - #{$blocks-plus-gutter});`	85	`width: calc(100% - #{$blocks-plus-gutter});`
77	`@include media-breakpoint-down(lg) {`	86	`@include media-breakpoint-down(xl) {`
78	`width: 100%;`	87	`width: 100%;`
79	`/* MDL-63102 - Remove extra space at bottom.`	88	`/* MDL-63102 - Remove extra space at bottom.`
80	`If modifying make sure block-region is horizontally stacked when in full screen */`	89	`If modifying make sure block-region is horizontally stacked when in full screen */`
Línea 95...	Línea 104...
95	`}`	104	`}`
96	`}`	105	`}`
97	`}`	106	`}`
Línea 98...	Línea 107...
98		107
99	`[data-region="blocks-column"] {`	108	`[data-region="blocks-column"] {`
100	`@include media-breakpoint-down(lg) {`	109	`@include media-breakpoint-down(xl) {`
101	`width: 100%;`	110	`width: 100%;`
102	`}`	111	`}`
Línea 103...	Línea 112...
103	`}`	112	`}`
Línea 143...	Línea 152...
143	`color: $gray-600;`	152	`color: $gray-600;`
144	`}`	153	`}`
145	`.multiline {`	154	`.multiline {`
146	`white-space: normal;`	155	`white-space: normal;`
147	`}`	156	`}`
148	`.btn.btn-link.btn-icon {`	-
149	`height: 36px;`	-
150	`width: 36px;`	-
151	`padding: 0;`	-
152	`border-radius: 50%;`	-
153	`}`	-
154	`}`	157	`}`
155	`.card-grid {`	158	`.card-grid {`
156	`display: flex;`	159	`display: flex;`
157	`.card {`	160	`.card {`
158	`flex: 1;`	161	`flex: 1;`
Línea 191...	Línea 194...
191	`.paging-bar-container {`	194	`.paging-bar-container {`
192	`margin-top: -2.4rem;`	195	`margin-top: -2.4rem;`
193	`padding-right: 0.5rem;`	196	`padding-right: 0.5rem;`
194	`justify-content: flex-end;`	197	`justify-content: flex-end;`
195	`}`	198	`}`
196	`@include media-breakpoint-down(xs) {`	199	`@include media-breakpoint-down(sm) {`
197	`.paging-bar-container {`	200	`.paging-bar-container {`
198	`margin-top: 0;`	201	`margin-top: 0;`
199	`}`	202	`}`
200	`}`	203	`}`
201	`}`	204	`}`
Línea 256...	Línea 259...
256	`.list-image {`	259	`.list-image {`
257	`height: 5rem;`	260	`height: 5rem;`
258	`width: 20rem;`	261	`width: 20rem;`
259	`background-position: center;`	262	`background-position: center;`
260	`background-size: cover;`	263	`background-size: cover;`
261	`@include media-breakpoint-down(lg) {`	264	`@include media-breakpoint-down(xl) {`
262	`width: 100%;`	265	`width: 100%;`
263	`}`	266	`}`
264	`}`	267	`}`
265	`}`	268	`}`
Línea 292...	Línea 295...
292	`.block_navigation .block_tree [aria-expanded="false"] {`	295	`.block_navigation .block_tree [aria-expanded="false"] {`
293	`background-image: none;`	296	`background-image: none;`
294	`}`	297	`}`
295	`.block_settings .block_tree [aria-expanded="true"] > p:before,`	298	`.block_settings .block_tree [aria-expanded="true"] > p:before,`
296	`.block_navigation .block_tree [aria-expanded="true"] > p:before {`	299	`.block_navigation .block_tree [aria-expanded="true"] > p:before {`
297	`@extend .fa-solid;`	300	`font: var(--fa-font-solid);`
298	`content: fa-content($fa-var-angle-down);`	301	`content: fa-content($fa-var-angle-down);`
299	`margin-right: 0;`	302	`margin-right: 0;`
300	`font-size: 16px;`	303	`font-size: 16px;`
301	`width: 16px;`	304	`width: 16px;`
302	`}`	305	`}`
Línea 303...	Línea 306...
303		306
304	`.block_settings .block_tree [aria-expanded="false"] > p:before,`	307	`.block_settings .block_tree [aria-expanded="false"] > p:before,`
305	`.block_navigation .block_tree [aria-expanded="false"] > p:before {`	308	`.block_navigation .block_tree [aria-expanded="false"] > p:before {`
306	`@extend .fa-solid;`	309	`font: var(--fa-font-solid);`
307	`content: fa-content($fa-var-angle-right);`	310	`content: fa-content($fa-var-angle-right);`
308	`margin-right: 0;`	311	`margin-right: 0;`
309	`font-size: 16px;`	312	`font-size: 16px;`
310	`width: 16px;`	313	`width: 16px;`
311	`}`	314	`}`
312	`.dir-rtl {`	315	`.dir-rtl {`
313	`.block_settings .block_tree [aria-expanded="false"] > p:before,`	316	`.block_settings .block_tree [aria-expanded="false"] > p:before,`
314	`.block_navigation .block_tree [aria-expanded="false"] > p:before {`	317	`.block_navigation .block_tree [aria-expanded="false"] > p:before {`
315	`@extend .fa-solid;`	318	`font: var(--fa-font-solid);`
316	`content: fa-content($fa-var-angle-left);`	319	`content: fa-content($fa-var-angle-left);`
317	`}`	320	`}`
Línea 318...	Línea 321...
318	`}`	321	`}`
Línea 328...	Línea 331...
328		331
329	`.block.invisibleblock .card-title {`	332	`.block.invisibleblock .card-title {`
330	`color: $text-muted;`	333	`color: $text-muted;`
Línea 331...	Línea -...
331	`}`	-
332		334	`}`
333	`.block_social_activities li a.movehere,`	-
334	`.block_site_main_menu li a.movehere {`	-
335	`display: block;`	-
336	`width: 100%;`	-
337	`height: 2rem;`	335
338	`border: 2px dashed $gray-800;`	336	`.block_tree .tree_item.branch {`
Línea 339...	Línea 337...
339	`margin: 4px 0;`	337	`margin-left: 8px;`
340	`}`	338	`}`
341		339
Línea 375...	Línea 373...
375		373
376	`//`	374	`//`
377	`// Block add button`	375	`// Block add button`
378	`//`	376	`//`
-		377	`.block-add {`
-		378	`color: $primary;`
379	`.block-add {`	379	`border-color: $primary-light-border;`
380	`@include alert-variant($primary-light-background, $primary-light-border, $primary);`	380	`@include gradient-bg($primary-light-background);`
381	`@include border-radius();`	381	`@include border-radius();`
382	`width: 100%;`	382	`width: 100%;`
383	`border-width: $border-width;`	383	`border-width: $border-width;`
384	`.pluscontainer {`	384	`.pluscontainer {`
385	`border: $border-width solid $primary-light-border;`	385	`border: $border-width solid $primary-light-border;`
386	`border-radius: 50%;`	386	`border-radius: 50%;`
387	`width: map-get($iconsizes, 5);`	387	`width: map-get($iconwidthsizes, 5);`
388	`height: map-get($iconsizes, 5);`	388	`height: map-get($iconsizes, 5);`
389	`}`	389	`}`
390	`&:hover {`	390	`&:hover {`
391	`cursor: pointer;`	391	`cursor: pointer;`

Proyectos de Subversion Moodle

(root)/theme/boost/scss/moodle/blocks.scss – Rev 1 → 1441