Proyectos de Subversion Moodle

Rev

Rev 1 | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 efrain 1 
/**
2 
 Blocks
3 
 */
4 
 
5 
.blockmovetarget .accesshide {
6 
    position: relative;
7 
    left: initial;
8 
}
9 
 
10 
.block:target {
11 
    padding-top: 0 !important; /* stylelint-disable declaration-no-important */
12 
    margin-top: 0 !important;
13 
}
14 
 
15 
.block_search_forums .searchform {
16 
    /* Override plugin's default. */
17 
    text-align: left;
18 
}
19 
 
20 
.block.block_navigation .block_tree ul,
21 
.block_settings .block_tree ul {
22 
    margin-left: 0;
23 
}
24 
 
25 
.block .block-controls {
26 
    .dropdown-toggle {
1441 ariadna 27 
        /* So that the icon takes the colour of the icon. */
1 efrain 28 
        color: $body-color;
29 
    }
1441 ariadna 30 
    .dropdown-toggle::after {
31 
        display: none;
32 
    }
33 
    .dropdown-menu {
34 
        max-width: 500px;
35 
        .dropdown-item {
36 
            @include text-truncate;
37 
        }
38 
    }
1 efrain 39 
}
40 
 
41 
$blocks-column-width: 360px !default;
42 
 
43 
[data-region="blocks-column"] {
44 
    width: $blocks-column-width;
45 
    float: right;
46 
}
47 
 
1441 ariadna 48 
$blocks-plus-gutter: calc(#{$blocks-column-width} + (#{$grid-gutter-width} * 0.5));
1 efrain 49 
 
50 
/* We put an absolutely positioned div in a relatively positioned div so it takes up no space */
51 
@include media-breakpoint-up(sm) {
52 
    #region-main-settings-menu {
53 
        position: relative;
54 
        float: left;
55 
        width: 100%;
56 
    }
57 
 
58 
    #region-main-settings-menu > div {
59 
        position: absolute;
60 
        right: 0;
61 
        z-index: 100;
62 
        margin: 1rem;
63 
    }
64 
 
65 
    .region_main_settings_menu_proxy {
66 
        width: 4rem;
67 
        height: 2rem;
68 
        background-color: $body-bg;
69 
        margin-left: $card-spacer-x * 0.5;
70 
        margin-bottom: $card-spacer-x * 0.5;
71 
        border-bottom-left-radius: 0.5rem;
72 
        float: right;
73 
    }
74 
}
75 
 
1441 ariadna 76 
@include media-breakpoint-down(md) {
1 efrain 77 
    #region-main-settings-menu .menubar {
78 
        justify-content: flex-end;
79 
    }
80 
}
81 
 
82 
// Required for IE11 to prevent blocks being pushed under the content.
83 
#region-main.has-blocks {
84 
    display: inline-block;
85 
    width: calc(100% - #{$blocks-plus-gutter});
1441 ariadna 86 
    @include media-breakpoint-down(xl) {
1 efrain 87 
        width: 100%;
88 
        /* MDL-63102 - Remove extra space at bottom.
89 
        If modifying make sure block-region is horizontally stacked when in full screen */
90 
        display: block;
91 
    }
92 
}
93 
 
94 
.header-action {
95 
    #region-main-settings-menu {
96 
        position: unset;
97 
        float: none;
98 
        width: auto;
99 
 
100 
        & > div {
101 
            position: unset;
102 
            right: auto;
103 
            margin: 0;
104 
        }
105 
    }
106 
}
107 
 
108 
[data-region="blocks-column"] {
1441 ariadna 109 
    @include media-breakpoint-down(xl) {
1 efrain 110 
        width: 100%;
111 
    }
112 
}
113 
 
114 
.block .empty-placeholder-image-lg {
115 
    height: 5rem;
116 
}
117 
 
118 
.block {
119 
    .searchbar {
120 
        .icon {
121 
            margin-right: 0;
122 
        }
123 
    }
124 
}
125 
 
126 
//
127 
// Cards.
128 
//
129 
 
130 
.block .block-cards {
131 
    .course-info-container {
132 
        padding: 0.8rem;
133 
    }
134 
    .progress {
135 
        height: 0.5rem;
136 
    }
137 
    .course-summaryitem {
138 
        border: $border-width solid $border-color;
139 
        background-color: $body-bg;
140 
    }
141 
    .icon {
142 
        margin-right: 0;
143 
    }
144 
    .card .coursemenubtn {
145 
        margin-top: -0.5rem;
146 
    }
147 
    span.categoryname,
148 
    .btn-link {
149 
        color: $gray-900;
150 
    }
151 
    .progress-text {
152 
        color: $gray-600;
153 
    }
154 
    .multiline {
155 
        white-space: normal;
156 
    }
157 
}
158 
.card-grid {
159 
    display: flex;
160 
    .card {
161 
        flex: 1;
162 
    }
163 
    .drawercontent & .col,
164 
    .blockcolumn & .col {
165 
        flex: 0 0 auto;
166 
        max-width: 100%;
167 
    }
168 
}
169 
.card-carousel {
170 
    display: flex;
171 
    .card {
172 
        flex: 1;
173 
        @include media-breakpoint-up(sm) {
174 
            flex: 0 1 auto;
175 
            width: 240px;
176 
            max-width: 100%;
177 
        }
178 
    }
179 
}
180 
.course-card,
181 
.theme-card {
182 
    .card-img-top {
183 
        height: 7rem;
184 
        background-position: center;
185 
        background-size: cover;
186 
    }
187 
}
188 
 
189 
//
190 
// Block block_recentlyaccessedcourses
191 
//
192 
 
193 
.block_recentlyaccessedcourses {
194 
    .paging-bar-container {
195 
        margin-top: -2.4rem;
196 
        padding-right: 0.5rem;
197 
        justify-content: flex-end;
198 
    }
1441 ariadna 199 
    @include media-breakpoint-down(sm) {
1 efrain 200 
        .paging-bar-container {
201 
            margin-top: 0;
202 
        }
203 
    }
204 
}
205 
#block-region-side-pre {
206 
    .block_recentlyaccessedcourses {
207 
        .paging-bar-container {
208 
            margin-top: 0;
209 
        }
210 
    }
211 
}
212 
 
213 
//
214 
// Block block_recentlyaccesseditems
215 
//
216 
 
217 
.block_recentlyaccesseditems {
218 
    .activityiconcontainer {
219 
        width: 40px;
220 
        height: 40px;
221 
    }
222 
    aside[id^="block-region-side-"] & .card:nth-of-type(n+4) {
223 
        display: none;
224 
    }
225 
    #block-region-content & [data-region="more-items-button-container"] {
226 
        display: none;
227 
    }
228 
    a.card {
229 
        &:hover,
230 
        &:focus {
231 
            text-decoration: none;
232 
            h6 {
233 
                text-decoration: underline;
234 
            }
235 
        }
236 
        small {
237 
            color: $body-color;
238 
        }
239 
    }
240 
}
241 
 
242 
//
243 
// Block block_myoverview
244 
//
245 
 
246 
.block_myoverview {
247 
    .content {
248 
        min-height: 19.35rem;
249 
    }
250 
    .paged-content-page-container {
251 
        min-height: 13rem;
252 
    }
253 
    .summary-image {
254 
        height: 5rem;
255 
        width: 5rem;
256 
        background-position: center;
257 
        background-size: cover;
258 
    }
259 
    .list-image {
260 
        height: 5rem;
261 
        width: 20rem;
262 
        background-position: center;
263 
        background-size: cover;
1441 ariadna 264 
        @include media-breakpoint-down(xl) {
1 efrain 265 
            width: 100%;
266 
        }
267 
    }
268 
}
269 
 
270 
//
271 
// Block block_timeline
272 
//
273 
 
274 
.block_timeline {
275 
    .paged-content-page-container {
276 
        background-color: $list-group-bg;
277 
    }
278 
}
279 
.block_timeline {
280 
    .event-action {
281 
        padding-left: 5.55em;
282 
    }
283 
}
284 
 
285 
//
286 
// Blocks block_settings and block_navigation
287 
//
288 
 
289 
// Show expand collapse with font-awesome.
290 
.block_settings .block_tree [aria-expanded="true"],
291 
.block_settings .block_tree [aria-expanded="true"].emptybranch,
292 
.block_settings .block_tree [aria-expanded="false"],
293 
.block_navigation .block_tree [aria-expanded="true"],
294 
.block_navigation .block_tree [aria-expanded="true"].emptybranch,
295 
.block_navigation .block_tree [aria-expanded="false"] {
296 
    background-image: none;
297 
}
298 
.block_settings .block_tree [aria-expanded="true"] > p:before,
299 
.block_navigation .block_tree [aria-expanded="true"] > p:before {
1441 ariadna 300 
    font: var(--fa-font-solid);
1 efrain 301 
    content: fa-content($fa-var-angle-down);
302 
    margin-right: 0;
303 
    font-size: 16px;
304 
    width: 16px;
305 
}
306 
 
307 
.block_settings .block_tree [aria-expanded="false"] > p:before,
308 
.block_navigation .block_tree [aria-expanded="false"] > p:before {
1441 ariadna 309 
    font: var(--fa-font-solid);
1 efrain 310 
    content: fa-content($fa-var-angle-right);
311 
    margin-right: 0;
312 
    font-size: 16px;
313 
    width: 16px;
314 
}
315 
.dir-rtl {
316 
    .block_settings .block_tree [aria-expanded="false"] > p:before,
317 
    .block_navigation .block_tree [aria-expanded="false"] > p:before {
1441 ariadna 318 
        font: var(--fa-font-solid);
1 efrain 319 
        content: fa-content($fa-var-angle-left);
320 
    }
321 
}
322 
 
323 
.block_navigation .block_tree p.hasicon,
324 
.block_settings .block_tree p.hasicon {
325 
    text-indent: -3px;
326 
 
327 
    .icon {
328 
        margin-right: 2px;
329 
    }
330 
}
331 
 
332 
.block.invisibleblock .card-title {
333 
    color: $text-muted;
334 
}
335 
 
1441 ariadna 336 
.block_tree .tree_item.branch {
337 
    margin-left: 8px;
1 efrain 338 
}
339 
 
340 
//
341 
// Fake blocks
342 
//
343 
 
344 
.pagelayout-embedded {
345 
    .has-fake-blocks {
346 
        padding: 1rem;
347 
        display: flex;
348 
    }
349 
 
350 
    .has-fake-blocks .embedded-main {
351 
        order: 0;
352 
        width: calc(100% - #{$blocks-column-width});
353 
        margin-right: 1rem;
354 
    }
355 
 
356 
    .embedded-blocks {
357 
        order: 1;
358 
        width: $blocks-column-width;
359 
    }
360 
 
361 
    @media (max-width: 767.98px) {
362 
        .has-fake-blocks {
363 
            display: block;
364 
        }
365 
        .has-fake-blocks .embedded-main {
366 
            width: 100%;
367 
        }
368 
        .embedded-blocks {
369 
            width: 100%;
370 
        }
371 
    }
372 
}
373 
 
374 
//
375 
// Block add button
376 
//
377 
.block-add {
1441 ariadna 378 
    color: $primary;
379 
    border-color: $primary-light-border;
380 
    @include gradient-bg($primary-light-background);
1 efrain 381 
    @include border-radius();
382 
    width: 100%;
383 
    border-width: $border-width;
384 
    .pluscontainer {
385 
        border: $border-width solid $primary-light-border;
386 
        border-radius: 50%;
1441 ariadna 387 
        width: map-get($iconwidthsizes, 5);
1 efrain 388 
        height: map-get($iconsizes, 5);
389 
    }
390 
    &:hover {
391 
        cursor: pointer;
392 
        background-color: $primary-light-background;
393 
        .activity-add-text {
394 
            text-decoration: underline;
395 
        }
396 
    }
397 
}