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