Proyectos de Subversion Moodle

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1441 ariadna 1 
/*
2 
 * Course management page styles.
3 
 */
4 
 
5 
#course-category-listings {
6 
    margin-bottom: 0;
7 
 
8 
    /** Two column layout */
9 
    &.columns-2 {
10 
        > #course-listing > div {
11 
            position: relative;
12 
            left: -1px;
13 
        }
14 
    }
15 
    /** Three column layout */
16 
    &.columns-3 > #course-listing > div {
17 
        height: 100%;
18 
    }
19 
 
20 
    > div > div {
21 
        min-height: 300px;
22 
 
23 
        > ul.ml > li:first-child > div {
24 
            border-top: 0;
25 
        }
26 
    }
27 
 
28 
    h3 {
29 
        margin: 0;
30 
        padding: 0.4rem 0.6rem 0.3rem;
31 
    }
32 
 
33 
    h4 {
34 
        margin: 1rem 0 0;
35 
        padding: 0.6rem 1rem 0.5rem;
36 
    }
37 
 
38 
    .moodle-actionmenu {
39 
        white-space: nowrap;
40 
    }
41 
 
42 
    .listing-actions {
43 
        text-align: center;
44 
 
45 
        > .moodle-actionmenu {
46 
            display: inline-block;
47 
        }
48 
    }
49 
 
50 
    ul.ml {
51 
        list-style: none;
52 
        margin: 1rem 0;
53 
 
54 
        ul.ml {
55 
            margin: 0;
56 
        }
57 
    }
58 
 
59 
    .listitem {
60 
 
61 
        &[data-selected='1'] {
62 
            border-left: calc(#{$list-group-border-width} + 5px) solid map-get($theme-colors, 'primary');
63 
            padding-left: calc(#{$list-group-item-padding-x} - 5px);
64 
        }
65 
        &:hover {
66 
            z-index: 2;
67 
        }
68 
    }
69 
 
70 
    .item-actions {
71 
        margin-right: 1em;
72 
        display: inline-block;
73 
 
74 
        &.show .menu {
75 
 
76 
            img {
77 
                width: 12px;
78 
                max-width: none;
79 
            }
80 
        }
81 
 
82 
        .menu-action-text {
83 
            vertical-align: inherit;
84 
        }
85 
    }
86 
 
87 
    .listitem {
88 
        > div {
89 
            > .float-start {
90 
                float: left;
91 
            }
92 
 
93 
            > .float-end {
94 
                float: right;
95 
                text-align: right;
96 
            }
97 
 
98 
            .item-actions {
99 
                .action-show {
100 
                    display: none;
101 
                }
102 
 
103 
                .action-hide {
104 
                    display: inline;
105 
                }
106 
            }
107 
 
108 
            .without-actions {
109 
                color: $course-cat-without-actions-color;
110 
            }
111 
 
112 
            .idnumber {
113 
                margin-right: 2em;
114 
            }
115 
        }
116 
        // The category or course is hidden.
117 
        &[data-visible="0"] {
118 
            color: $text-muted;
119 
 
120 
            > div {
121 
                > a {
122 
                    color: $text-muted;
123 
                }
124 
 
125 
                .item-actions {
126 
                    .action-show {
127 
                        display: inline;
128 
                    }
129 
 
130 
                    .action-hide {
131 
                        display: none;
132 
                    }
133 
                }
134 
            }
135 
        }
136 
 
137 
        &.highlight {
138 
            background-color: $body-bg;
139 
 
140 
            > div,
141 
            > div:hover,
142 
            &[data-selected='1'] > div {
143 
                background-color: $table-hover-bg;
144 
            }
145 
        }
146 
    }
147 
 
148 
    #course-listing {
149 
        .listitem {
150 
            .categoryname {
151 
                display: inline-block;
152 
                margin-left: 1em;
153 
                color: $course-listing-color;
154 
            }
155 
 
156 
            .coursename {
157 
                display: inline-block;
158 
                flex-basis: 10rem;
159 
            }
160 
        }
161 
 
162 
        > .firstpage .listitem:first-child > div .item-actions .action-moveup,
163 
        > .lastpage .listitem:last-child > div .item-actions .action-movedown {
164 
            display: none;
165 
        }
166 
    }
167 
 
168 
    #category-listing {
169 
        .listitem.collapsed > ul.ml {
170 
            display: none;
171 
        }
172 
 
173 
        .listitem {
174 
            &:first-child > div .item-actions .action-moveup,
175 
            &:last-child > div .item-actions .action-movedown {
176 
                display: none;
177 
            }
178 
        }
179 
 
180 
        .course-count {
181 
            color: $course-listing-color;
182 
            margin-right: 2rem;
183 
            min-width: 3.5em;
184 
            display: inline-block;
185 
        }
186 
 
187 
        .category-listing > ul > .listitem:first-child {
188 
            position: relative;
189 
        }
190 
 
191 
        .category-bulk-actions {
192 
            margin: 0 0.5em 0.5em;
193 
            position: relative;
194 
        }
195 
    }
196 
 
197 
    .detail-pair {
198 
 
199 
        > * {
200 
            display: inline-block;
201 
        }
202 
 
203 
        .pair-key {
204 
            font-weight: bold;
205 
            vertical-align: top;
206 
 
207 
            span {
208 
                margin-right: 1rem;
209 
                display: block;
210 
            }
211 
        }
212 
 
213 
        .pair-value select {
214 
            max-width: 100%;
215 
        }
216 
    }
217 
 
218 
    .listing-pagination {
219 
        text-align: center;
220 
 
221 
        .yui3-button {
222 
            @include button-variant($info, $info);
223 
            border: 0;
224 
            margin: 0.4rem 0.2rem 0.45rem;
225 
            font-size: 10.4px;
226 
 
227 
            &.active-page {
228 
                @include button-variant($primary, $primary);
229 
            }
230 
        }
231 
    }
232 
 
233 
    .listing-pagination-totals {
234 
        text-align: center;
235 
 
236 
        &.dimmed {
237 
            color: $text-muted;
238 
            margin: 0.4rem 1rem 0.45rem;
239 
        }
240 
    }
241 
 
242 
    .select-a-category .notifymessage,
243 
    .select-a-category .alert {
244 
        margin: 1em;
245 
    }
246 
}
247 
 
248 
#course-category-listings #course-listing .listitem .drag-handle {
249 
    display: none;
250 
}
251 
 
252 
.jsenabled #course-category-listings #course-listing .listitem .drag-handle {
253 
    display: inline-block;
254 
    margin: 0 6px 0 0;
255 
    cursor: pointer;
256 
}
257 
 
258 
/** Management header styling **/
259 
.course-being-dragged-proxy {
260 
    border: 0;
261 
    color: $link-color;
262 
    vertical-align: middle;
263 
    padding: 0 0 0 4em;
264 
}
265 
 
266 
.course-being-dragged {
267 
    opacity: 0.5;
268 
}
269 
 
270 
/**
271 
 * Display sizes:
272 
 * Large displays                   1200        +
273 
 * Default displays                  980     1199
274 
 * Tablets                           768      979
275 
 * Small tablets and large phones    481      767
276 
 * Phones                              0      480
277 
 */
278 
 
279 
@media (min-width: 1200px) and (max-width: 1600px) {
280 
    #course-category-listings.columns-3 {
281 
        background-color: $body-bg;
282 
        border: 0;
283 
 
284 
        #category-listing,
285 
        #course-listing {
286 
            width: 50%;
287 
        }
288 
 
289 
        #category-listing > div,
290 
        #course-listing > div,
291 
        #course-detail > div {
292 
            background-color: $body-bg;
293 
        }
294 
 
295 
        #course-detail {
296 
            width: 100%;
297 
            margin-top: 1em;
298 
        }
299 
    }
300 
}
301 
 
302 
@media (max-width: 1199px) {
303 
    #course-category-listings.columns-2,
304 
    #course-category-listings.columns-3 {
305 
        border: 0;
306 
 
307 
        #category-listing,
308 
        #course-listing,
309 
        #course-detail {
310 
            width: 100%;
311 
            margin: 0 0 1em;
312 
        }
313 
    }
314 
}