MDL-56272 theme_boost: Differentiate between freeze and hardFreeze
[moodle.git] / theme / boost / scss / moodle / modules.scss
CommitLineData
536f0460
DW
1/* modules.less */
2
3// The home for small tweaks to modules that don't require
4// changes drastic enough to pull in the full module css
5// and replace it completely
6// Plus some misc. odds and ends
7
8select {
9 width: auto;
10}
11
63e4df60
DW
12// Feedback module
13.path-mod-feedback .feedback_form .col-md-9,
14.path-mod-feedback .feedback_form .col-md-3,
15.path-mod-feedback .feedback_form .col-md-3 label {
16 width: 100%;
17}
f4143537 18
63e4df60
DW
19.path-mod-feedback .feedback_form .col-md-9 {
20 margin-left: 1rem;
21 margin-bottom: -2rem;
22}
23
536f0460
DW
24// Forum module
25
26.path-mod-forum .forumsearch {
27 input,
28 .helptooltip {
29 margin: 0 3px;
30 }
31}
32
33.path-mod-forum .forumheaderlist,
34.path-mod-forum .forumheaderlist td {
35 border: none;
36}
37
38.path-mod-forum {
39 .forumheaderlist {
40 thead .header,
41 tbody .discussion td {
42 white-space: normal;
43 vertical-align: top;
44 padding-left: 0.5em;
45 padding-right: 0.5em;
46 }
47
48 thead .header {
49 white-space: normal;
50 vertical-align: top;
51 }
52
53 thead .header.replies {
54 text-align: center;
55 }
f4143537 56
536f0460
DW
57 thead .header.lastpost {
58 text-align: right;
59 }
f4143537 60
536f0460 61 thead .header th,
f4143537 62 tbody .discussion td {
536f0460
DW
63 &.discussionsubscription {
64 width: 16px;
65 padding-left: 0.5em;
66 padding-right: 0.5em;
67 }
68 }
f4143537 69
536f0460 70 .discussion {
f4143537
DP
71 .author,
72 .replies,
73 .lastpost {
536f0460
DW
74 white-space: normal;
75 }
f4143537 76
536f0460
DW
77 .discussionsubscription,
78 .replies {
79 text-align: center;
80 }
f4143537 81
536f0460
DW
82 .topic,
83 .discussionsubscription,
84 .topic.starter,
85 .picture,
86 .author,
87 .replies,
88 .lastpost {
89 vertical-align: top;
90 }
91 }
92 }
93}
94
95.forumpost {
96 @extend .card;
97 padding: 6px;
f4143537 98
536f0460
DW
99 .header {
100 margin-bottom: 3px;
101 }
f4143537 102
536f0460
DW
103 .picture img {
104 margin: 3px;
f4143537 105
536f0460
DW
106 &.userpicture {
107 margin-left: 3px;
108 margin-right: 10px;
109 }
110 }
f4143537 111
536f0460
DW
112 .content {
113 .posting.fullpost {
114 margin-top: 8px;
115 }
116 }
f4143537 117
536f0460
DW
118 .row {
119 .topic,
120 .content-mask,
121 .options {
122 margin-left: 48px;
123 }
f4143537 124
536f0460
DW
125 &.side {
126 clear: both;
127 }
128 }
129}
130
131.forumpost .row .left {
132 width: 48px;
133}
134
135.forumpost .options .commands {
136 margin-left: 0;
137}
138
139.forumpost .subject {
140 font-weight: bold;
141}
142
143// Override hardcoded forum modules styling
144.forumsearch input[type=text] {
5142f564 145 margin-bottom: 0;
536f0460
DW
146}
147
148#page-mod-forum-discuss .discussioncontrols {
149 width: auto;
150 margin: 0;
151}
152
f4143537
DP
153.maincalendar .calendarmonth td,
154.maincalendar .calendarmonth th {
536f0460
DW
155 border: 1px dotted $table-border-color;
156}
157
158.path-grade-report-grader h1 {
159 text-align: inherit;
160}
161
162#page-mod-chat-gui_basic input#message {
163 max-width: 100%;
164}
165
166#page-mod-data-view #singleimage {
167 width: auto;
168}
169
170.path-mod-data form {
171 margin-top: 10px;
172}
173
174.template_heading {
175 margin-top: 10px;
176}
177
178.breadcrumb-button {
179 float: right;
180 margin-top: 4px;
181}
182
183.breadcrumb-button .singlebutton {
184 float: left;
185 margin-left: 4px;
186}
187
188.navbar-fixed-top,
189.navbar-fixed-bottom {
190 z-index: 4030;
191}
192
193.ie .row-fluid .desktop-first-column {
194 margin-left: 0;
195}
f4143537 196
536f0460
DW
197.langmenu form {
198 margin: 0;
199}
536f0460
DW
200// contributed by Paul Hibbitts, see http://msdn.microsoft@mixin com/en-us/library/ie/jj583807(v=vs.85).aspx
201canvas {
202 -ms-touch-action: auto;
203}
204
205div#dock {
206 display: none;
207}
208
209// Choice module
210
211.path-mod-choice {
212 .horizontal .choices {
213 margin: 0;
f4143537 214
536f0460
DW
215 .option {
216 display: inline-block;
217 padding: 10px;
218 }
219 }
f4143537 220
536f0460
DW
221 .results .data {
222 white-space: normal;
223 }
224}
225
226// Lesson module
227
63e4df60 228/** General styles (scope: all of lesson) **/
f4143537
DP
229.path-mod-lesson .invisiblefieldset.fieldsetfix {
230 display: block;
231}
536f0460
DW
232
233.path-mod-wiki .wiki_headingtitle,
234.path-mod-wiki .midpad,
235.path-mod-wiki .wiki_headingtime {
236 text-align: inherit;
237}
238
239.path-mod-wiki .wiki_contentbox {
240 width: 100%;
241}
242
137c289a
FM
243// Dropdown styling.
244.dropdown-menu {
245 margin-top: 11px;
246}
247
536f0460
DW
248// Survey module
249
250.path-mod-survey {
251 .surveytable {
f4143537
DP
252 > tbody > tr:nth-of-type(odd) {
253 background-color: $table-bg;
254 }
255
256 > tbody > tr:nth-of-type(even) {
257 background-color: $table-bg-accent;
258 }
259
260 .rblock label {
261 text-align: center;
262 }
536f0460 263 }
f4143537
DP
264
265 .resultgraph,
266 .reportsummary,
267 .studentreport,
268 .reportbuttons,
269 .centerpara {
270 text-align: center;
536f0460
DW
271 }
272}
273
274.nav .caret {
275 margin-left: 4px;
276}
277
278// Dividers
279.nav {
280 .divider {
281 overflow: hidden;
282 width: 0;
536f0460
DW
283 }
284}
536f0460
DW
285
286// Usermenu
287.usermenu {
7001a3b2
FM
288 float: right;
289
536f0460 290 .login {
5f18da12 291 line-height: 2.25rem;
f4143537 292
536f0460 293 a {
5f18da12 294 color: $link-color;
536f0460
DW
295 &:hover,
296 &:focus {
5f18da12 297 color: $link-hover-color;
536f0460
DW
298 text-decoration: underline;
299 }
300 }
301 }
3313fdd6 302}
f4143537 303
7001a3b2
FM
304.userloggedinas,
305.userswitchedrole {
536f0460 306 .usermenu {
7001a3b2
FM
307 .usertext {
308 float: left;
309 text-align: right;
310 margin-right: $spacer / 2;
311 height: 35px;
312 .meta {
536f0460 313 display: block;
7001a3b2 314 font-size: $font-size-sm;
536f0460 315 }
7001a3b2
FM
316 }
317 .avatar {
318 img {
fde35b8f 319 margin: 0;
536f0460 320 }
536f0460
DW
321 }
322 }
323}
324
7001a3b2
FM
325.userloggedinas .usermenu {
326 .userbutton .avatars {
327 position: relative;
328 display: inline-block;
329 .avatar {
330 &.current {
331 display: inline-block;
332 position: absolute;
333 bottom: 0;
334 right: 0;
335 width: 20px;
336 height: 20px;
337 border-radius: 50%;
338 img {
339 vertical-align: baseline;
340 }
536f0460 341 }
7001a3b2
FM
342 img {
343 width: inherit;
344 height: inherit;
536f0460
DW
345 }
346 }
7001a3b2
FM
347 .realuser {
348 width: 35px;
349 height: 35px;
350 display: inline-block;
536f0460
DW
351 }
352 }
353}
354
7001a3b2
FM
355@include media-breakpoint-down(sm) {
356 .usertext {
357 display: none;
536f0460
DW
358 }
359}
360
361// Quiz module
362
363// Question navigation block.
364.path-mod-quiz #mod_quiz_navblock {
365 .qnbutton {
366 text-decoration: none;
367 font-size: 14px;
368 line-height: 20px;
369 font-weight: normal;
370 background-color: $body-color;
371 background-image: none;
372 height: 40px;
373 width: 30px;
374 border-radius: 3px;
375 border: 0;
376 overflow: visible;
377 margin: 0 6px 6px 0;
378 }
f4143537 379
536f0460
DW
380 span.qnbutton {
381 cursor: default;
382 background-color: $input-bg-disabled;
383 color: $gray;
384 }
f4143537 385
536f0460
DW
386 a.qnbutton:hover,
387 a.qnbutton:active,
388 a.qnbutton:focus {
389 text-decoration: underline;
390 }
391
392 .qnbutton .thispageholder {
393 border: 1px solid;
394 border-radius: 3px;
395 z-index: 1;
396 }
f4143537 397
536f0460
DW
398 .qnbutton.thispage .thispageholder {
399 border-width: 3px;
400 }
f4143537 401
536f0460
DW
402 .allquestionsononepage .qnbutton.thispage .thispageholder {
403 border-width: 1px;
404 }
405
406 .qnbutton.flagged .thispageholder {
fde35b8f 407 background: transparent url([[pix:theme|mod/quiz/flag-on]]) 15px 0 no-repeat;
536f0460
DW
408 }
409
410 .qnbutton .trafficlight {
411 border: 0;
f4143537 412 background: $body-color none center / 10px no-repeat scroll;
536f0460
DW
413 height: 20px;
414 margin-top: 20px;
415 border-radius: 0 0 3px 3px;
416 }
417
418 .qnbutton.notyetanswered .trafficlight,
419 .qnbutton.invalidanswer .trafficlight {
420 background-color: $body-color;
421 }
f4143537 422
536f0460
DW
423 .qnbutton.invalidanswer .trafficlight {
424 background-image: url([[pix:theme|mod/quiz/warningtriangle]]);
425 }
f4143537 426
536f0460
DW
427 .qnbutton.correct .trafficlight {
428 background-image: url([[pix:theme|mod/quiz/checkmark]]);
429 background-color: $state-success-text;
430 }
f4143537 431
536f0460
DW
432 .qnbutton.blocked .trafficlight {
433 background-image: url([[pix:core|t/locked]]);
434 background-color: $input-bg-disabled;
435 }
f4143537 436
536f0460
DW
437 .qnbutton.notanswered .trafficlight,
438 .qnbutton.incorrect .trafficlight {
439 background-color: $state-danger-text;
440 }
f4143537 441
536f0460
DW
442 .qnbutton.partiallycorrect .trafficlight {
443 background-image: url([[pix:theme|mod/quiz/whitecircle]]);
444 background-color: $state-warning-text;
445 }
f4143537 446
536f0460
DW
447 .qnbutton.complete .trafficlight,
448 .qnbutton.answersaved .trafficlight,
449 .qnbutton.requiresgrading .trafficlight {
450 background-color: $gray-light;
451 }
452}
bffc0ef1
FM
453
454/**
455 * Assign.
456 */
457.path-mod-assign [data-region="grade-actions-panel"] [data-region="grade-actions"] .collapse-buttons {
458 top: auto;
459}
f4143537 460
63e4df60 461.path-mod-assign [data-region="grade-panel"] .has-popout {
9cb41231 462 background-color: $card-bg;
f4143537 463
9cb41231
DP
464 @include border-radius($card-border-radius);
465 border: $card-border-width solid $card-border-color;
63e4df60 466}
f4143537 467
63e4df60
DW
468.path-mod-assign [data-region="grade-panel"] .popout {
469 background-color: $modal-content-bg;
470}
f4143537 471
63e4df60
DW
472.path-mod-assign [data-region="grade-panel"] .col-md-3 {
473 width: 100%;
474}
f4143537 475
63e4df60
DW
476.path-mod-assign [data-region="grade-panel"] .popout > .col-md-3 {
477 @extend .modal-header;
478 font-size: 1.5rem;
479}
f4143537 480
63e4df60
DW
481.path-mod-assign [data-region="grade-panel"] [data-region="popout-button"] {
482 margin-top: 0.5rem;
483}
f4143537 484
63e4df60
DW
485.path-mod-assign [data-region="grade-panel"] .popout [data-region="popout-button"] {
486 margin-top: 0;
487}
f4143537 488
bffc0ef1
FM
489.path-mod-assign [data-region="grade-panel"] h3 {
490 margin: 10px 0;
491 line-height: 40px;
492}
f4143537 493
bffc0ef1
FM
494.path-mod-assign [data-region="grading-navigation"] {
495 padding: 6px;
496}
f4143537 497
bffc0ef1
FM
498.path-mod-assign [data-region="grade-actions"] {
499 padding: 10px;
500}
f4143537 501
bffc0ef1
FM
502.path-mod-assign [data-region="user-info"] .img-rounded {
503 margin-top: 0;
504}
f4143537 505
bffc0ef1
FM
506.path-mod-assign [data-region="grading-navigation-panel"] {
507 height: 85px;
508}
f4143537 509
bffc0ef1
FM
510.path-mod-assign [data-region="grading-navigation"] [data-region="input-field"] input {
511 width: auto;
512 display: inline-block;
513}
514
515/**
516 * Assign feedback.
517 */
518.assignfeedback_editpdf_widget * {
519 box-sizing: content-box;
520}
f4143537 521
bffc0ef1
FM
522.assignfeedback_editpdf_widget button {
523 box-sizing: border-box;
524}
f4143537 525
bffc0ef1
FM
526.assignfeedback_editpdf_widget .commentcolourbutton img {
527 border-width: 0;
528}
f4143537 529
bffc0ef1
FM
530.assignfeedback_editpdf_widget .label {
531 @extend .tag;
532 @extend .tag-info;
533}
534
535.assignfeedback_editpdf_menu {
536 padding: 0;
537}
63e4df60 538