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