modules.scss 10.4 KB
Newer Older
1
2
3
4
5
6
7
8
9
10
11
/* modules.less */

// The home for small tweaks to modules that don't require
// changes drastic enough to pull in the full module css
// and replace it completely
// Plus some misc. odds and ends

select {
    width: auto;
}

12
13
14
15
16
17
// Feedback module
.path-mod-feedback .feedback_form .col-md-9,
.path-mod-feedback .feedback_form .col-md-3,
.path-mod-feedback .feedback_form .col-md-3 label {
    width: 100%;
}
18

19
20
21
22
23
.path-mod-feedback .feedback_form .col-md-9 {
    margin-left: 1rem;
    margin-bottom: -2rem;
}

24
25
26
27
.path-mod-feedback .itemactions {
    float: right;
}

28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
// Forum module

.path-mod-forum .forumsearch {
    input,
    .helptooltip {
        margin: 0 3px;
    }
}

.path-mod-forum .forumheaderlist,
.path-mod-forum .forumheaderlist td {
    border: none;
}

.path-mod-forum {
    .forumheaderlist {
        thead .header,
        tbody .discussion td {
            white-space: normal;
            vertical-align: top;
            padding-left: 0.5em;
            padding-right: 0.5em;
        }

        thead .header {
            white-space: normal;
            vertical-align: top;
        }

        thead .header.replies {
            text-align: center;
        }
60

61
62
63
        thead .header.lastpost {
            text-align: right;
        }
64

65
        thead .header th,
66
        tbody .discussion td {
67
68
69
70
71
72
            &.discussionsubscription {
                width: 16px;
                padding-left: 0.5em;
                padding-right: 0.5em;
            }
        }
73

74
        .discussion {
75
76
77
            .author,
            .replies,
            .lastpost {
78
79
                white-space: normal;
            }
80

81
82
83
84
            .discussionsubscription,
            .replies {
                text-align: center;
            }
85

86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
            .topic,
            .discussionsubscription,
            .topic.starter,
            .picture,
            .author,
            .replies,
            .lastpost {
                vertical-align: top;
            }
        }
    }
}

.forumpost {
    @extend .card;
    padding: 6px;
102

103
104
105
    .header {
        margin-bottom: 3px;
    }
106

107
108
    .picture img {
        margin: 3px;
109

110
111
112
113
114
        &.userpicture {
            margin-left: 3px;
            margin-right: 10px;
        }
    }
115

116
117
118
119
120
    .content {
        .posting.fullpost {
            margin-top: 8px;
        }
    }
121

122
123
124
125
126
127
    .row {
        .topic,
        .content-mask,
        .options {
            margin-left: 48px;
        }
128

129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
        &.side {
            clear: both;
        }
    }
}

.forumpost .row .left {
    width: 48px;
}

.forumpost .options .commands {
    margin-left: 0;
}

.forumpost .subject {
    font-weight: bold;
}

// Override hardcoded forum modules styling
.forumsearch input[type=text] {
149
    margin-bottom: 0;
150
151
152
153
154
155
156
}

#page-mod-forum-discuss .discussioncontrols {
    width: auto;
    margin: 0;
}

157
158
.maincalendar .calendarmonth td,
.maincalendar .calendarmonth th {
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
    border: 1px dotted $table-border-color;
}

.path-grade-report-grader h1 {
    text-align: inherit;
}

#page-mod-chat-gui_basic input#message {
    max-width: 100%;
}

#page-mod-data-view #singleimage {
    width: auto;
}

.path-mod-data form {
    margin-top: 10px;
}

.template_heading {
    margin-top: 10px;
}

.breadcrumb-button {
    float: right;
    margin-top: 4px;
}

.breadcrumb-button .singlebutton {
    float: left;
    margin-left: 4px;
}

.navbar-fixed-top,
.navbar-fixed-bottom {
    z-index: 4030;
}

.ie .row-fluid .desktop-first-column {
    margin-left: 0;
}
200

201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
.langmenu form {
    margin: 0;
}
// contributed by Paul Hibbitts, see http://msdn.microsoft@mixin com/en-us/library/ie/jj583807(v=vs.85).aspx
canvas {
    -ms-touch-action: auto;
}

div#dock {
    display: none;
}

// Choice module

.path-mod-choice {
    .horizontal  .choices {
        margin: 0;
218

219
220
221
222
223
        .option {
            display: inline-block;
            padding: 10px;
        }
    }
224

225
226
227
228
229
230
231
    .results .data {
        white-space: normal;
    }
}

// Lesson module

232
/** General styles (scope: all of lesson) **/
233
234
235
.path-mod-lesson .invisiblefieldset.fieldsetfix {
    display: block;
}
236
237
238
239
240
241
242
243
244
245
246

.path-mod-wiki .wiki_headingtitle,
.path-mod-wiki .midpad,
.path-mod-wiki .wiki_headingtime {
    text-align: inherit;
}

.path-mod-wiki .wiki_contentbox {
    width: 100%;
}

247
248
249
250
251
// Dropdown styling.
.dropdown-menu {
    margin-top: 11px;
}

252
253
254
255
// Survey module

.path-mod-survey {
    .surveytable {
256
257
258
259
260
261
262
263
264
265
266
        > tbody > tr:nth-of-type(odd) {
            background-color: $table-bg;
        }

        > tbody > tr:nth-of-type(even) {
            background-color: $table-bg-accent;
        }

        .rblock label {
            text-align: center;
        }
267
    }
268
269
270
271
272
273
274

    .resultgraph,
    .reportsummary,
    .studentreport,
    .reportbuttons,
    .centerpara {
        text-align: center;
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
    }
}

.nav .caret {
    margin-left: 4px;
}

// Dividers
.nav {
    .divider {
        overflow: hidden;
        width: 0;
    }
}

// Usermenu
.usermenu {
292
293
    float: right;

294
    .login {
295
        line-height: 2.25rem;
296

297
        a {
298
            color: $link-color;
299
300
            &:hover,
            &:focus {
301
                color: $link-hover-color;
302
303
304
305
                text-decoration: underline;
            }
        }
    }
306
}
307

308
309
.userloggedinas,
.userswitchedrole {
310
    .usermenu {
311
312
313
314
315
316
        .usertext {
            float: left;
            text-align: right;
            margin-right: $spacer / 2;
            height: 35px;
            .meta {
317
                display: block;
318
                font-size: $font-size-sm;
319
            }
320
321
322
        }
        .avatar {
            img {
323
                margin: 0;
324
325
326
327
328
            }
        }
    }
}

329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
.userloggedinas .usermenu {
    .userbutton .avatars {
        position: relative;
        display: inline-block;
        .avatar {
            &.current {
                display: inline-block;
                position: absolute;
                bottom: 0;
                right: 0;
                width: 20px;
                height: 20px;
                border-radius: 50%;
                img {
                    vertical-align: baseline;
                }
345
            }
346
347
348
            img {
                width: inherit;
                height: inherit;
349
350
            }
        }
351
352
353
354
        .realuser {
            width: 35px;
            height: 35px;
            display: inline-block;
355
356
357
358
        }
    }
}

359
360
361
@include media-breakpoint-down(sm) {
    .usertext {
        display: none;
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
    }
}

// Quiz module

// Question navigation block.
.path-mod-quiz #mod_quiz_navblock {
    .qnbutton {
        text-decoration: none;
        font-size: 14px;
        line-height: 20px;
        font-weight: normal;
        background-color: $body-color;
        background-image: none;
        height: 40px;
        width: 30px;
        border-radius: 3px;
        border: 0;
        overflow: visible;
        margin: 0 6px 6px 0;
    }
383

384
385
386
387
388
    span.qnbutton {
        cursor: default;
        background-color: $input-bg-disabled;
        color: $gray;
    }
389

390
391
392
393
394
395
396
397
398
399
400
    a.qnbutton:hover,
    a.qnbutton:active,
    a.qnbutton:focus {
        text-decoration: underline;
    }

    .qnbutton .thispageholder {
        border: 1px solid;
        border-radius: 3px;
        z-index: 1;
    }
401

402
403
404
    .qnbutton.thispage .thispageholder {
        border-width: 3px;
    }
405

406
407
408
409
410
    .allquestionsononepage .qnbutton.thispage .thispageholder {
        border-width: 1px;
    }

    .qnbutton.flagged .thispageholder {
411
        background: transparent url([[pix:theme|mod/quiz/flag-on]]) 15px 0 no-repeat;
412
413
414
415
    }

    .qnbutton .trafficlight {
        border: 0;
416
        background: $body-color none center / 10px no-repeat scroll;
417
418
419
420
421
422
423
424
425
        height: 20px;
        margin-top: 20px;
        border-radius: 0 0 3px 3px;
    }

    .qnbutton.notyetanswered .trafficlight,
    .qnbutton.invalidanswer .trafficlight {
        background-color: $body-color;
    }
426

427
428
429
    .qnbutton.invalidanswer .trafficlight {
        background-image: url([[pix:theme|mod/quiz/warningtriangle]]);
    }
430

431
432
433
434
    .qnbutton.correct .trafficlight {
        background-image: url([[pix:theme|mod/quiz/checkmark]]);
        background-color: $state-success-text;
    }
435

436
437
438
439
    .qnbutton.blocked .trafficlight {
        background-image: url([[pix:core|t/locked]]);
        background-color: $input-bg-disabled;
    }
440

441
442
443
444
    .qnbutton.notanswered .trafficlight,
    .qnbutton.incorrect .trafficlight {
        background-color: $state-danger-text;
    }
445

446
447
448
449
    .qnbutton.partiallycorrect .trafficlight {
        background-image: url([[pix:theme|mod/quiz/whitecircle]]);
        background-color: $state-warning-text;
    }
450

451
452
453
454
455
456
    .qnbutton.complete .trafficlight,
    .qnbutton.answersaved .trafficlight,
    .qnbutton.requiresgrading .trafficlight {
        background-color: $gray-light;
    }
}
457
458
459
460
461
462
463

/**
 * Assign.
 */
.path-mod-assign [data-region="grade-actions-panel"] [data-region="grade-actions"] .collapse-buttons {
    top: auto;
}
464
465
466
.path-mod-assign .no-overflow {
    overflow: initial;
}
467

468
.path-mod-assign [data-region="grade-panel"] .has-popout {
469
    background-color: $card-bg;
470

471
472
    @include border-radius($card-border-radius);
    border: $card-border-width solid $card-border-color;
473
}
474

475
476
477
.path-mod-assign [data-region="grade-panel"] .popout {
    background-color: $modal-content-bg;
}
478

479
480
481
.path-mod-assign [data-region="grade-panel"] .col-md-3 {
    width: 100%;
}
482

483
484
485
486
.path-mod-assign [data-region="grade-panel"] .popout > .col-md-3 {
    @extend .modal-header;
    font-size: 1.5rem;
}
487

488
489
490
.path-mod-assign [data-region="grade-panel"] [data-region="popout-button"] {
    margin-top: 0.5rem;
}
491

492
493
494
.path-mod-assign [data-region="grade-panel"] .popout [data-region="popout-button"] {
    margin-top: 0;
}
495

496
497
498
499
.path-mod-assign [data-region="grade-panel"] h3 {
    margin: 10px 0;
    line-height: 40px;
}
500

501
502
503
504
.path-mod-assign [data-region="assignment-info"] {
    overflow-y: hidden;
}

505
506
.path-mod-assign [data-region="grading-navigation"] {
    padding: 6px;
507
    overflow-y: hidden;
508
}
509

510
511
512
.path-mod-assign [data-region="grade-actions"] {
    padding: 10px;
}
513

514
515
516
.path-mod-assign [data-region="user-info"] .img-rounded {
    margin-top: 0;
}
517

518
519
520
.path-mod-assign [data-region="grading-navigation-panel"] {
    height: 85px;
}
521

522
523
524
525
526
527
528
529
530
531
532
.path-mod-assign [data-region="grading-navigation"] [data-region="input-field"] input {
    width: auto;
    display: inline-block;
}

/**
 * Assign feedback.
 */
.assignfeedback_editpdf_widget * {
    box-sizing: content-box;
}
533

534
535
536
.assignfeedback_editpdf_widget button {
    box-sizing: border-box;
}
537

538
539
540
.assignfeedback_editpdf_widget .commentcolourbutton img {
    border-width: 0;
}
541

542
543
544
545
546
547
548
549
.assignfeedback_editpdf_widget .label {
    @extend .tag;
    @extend .tag-info;
}

.assignfeedback_editpdf_menu {
    padding: 0;
}
550