modules.scss 10.2 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
// Feedback module
13
14
15
.path-mod-feedback .itemactions {
    float: right;
}
16
17
18
19
.path-mod-feedback .itemhandle {
    position: absolute;
    right: 1rem;
}
20

21
22
23
24
25
26
27
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
// 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;
        }
53

54
55
56
        thead .header.lastpost {
            text-align: right;
        }
57

58
        thead .header th,
59
        tbody .discussion td {
60
61
62
63
64
65
            &.discussionsubscription {
                width: 16px;
                padding-left: 0.5em;
                padding-right: 0.5em;
            }
        }
66

67
        .discussion {
68
69
70
            .author,
            .replies,
            .lastpost {
71
72
                white-space: normal;
            }
73

74
75
76
77
            .discussionsubscription,
            .replies {
                text-align: center;
            }
78

79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
            .topic,
            .discussionsubscription,
            .topic.starter,
            .picture,
            .author,
            .replies,
            .lastpost {
                vertical-align: top;
            }
        }
    }
}

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

96
97
98
    .header {
        margin-bottom: 3px;
    }
99

100
101
    .picture img {
        margin: 3px;
102

103
104
105
106
107
        &.userpicture {
            margin-left: 3px;
            margin-right: 10px;
        }
    }
108

109
110
111
112
113
    .content {
        .posting.fullpost {
            margin-top: 8px;
        }
    }
114

115
116
117
118
119
120
    .row {
        .topic,
        .content-mask,
        .options {
            margin-left: 48px;
        }
121

122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
        &.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] {
142
    margin-bottom: 0;
143
144
145
146
147
148
149
}

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

150
151
.maincalendar .calendarmonth td,
.maincalendar .calendarmonth th {
152
153
154
155
156
157
158
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
    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;
}
193

194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
.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;
211

212
213
214
215
216
        .option {
            display: inline-block;
            padding: 10px;
        }
    }
217

218
219
220
221
222
223
224
    .results .data {
        white-space: normal;
    }
}

// Lesson module

225
/** General styles (scope: all of lesson) **/
226
227
228
.path-mod-lesson .invisiblefieldset.fieldsetfix {
    display: block;
}
229
230
231
232
233
234
235
236
237
238
239

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

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

240
241
242
243
244
// Dropdown styling.
.dropdown-menu {
    margin-top: 11px;
}

245
246
247
248
// Survey module

.path-mod-survey {
    .surveytable {
249
250
251
252
253
254
255
256
257
258
259
        > 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;
        }
260
    }
261
262
263
264
265
266
267

    .resultgraph,
    .reportsummary,
    .studentreport,
    .reportbuttons,
    .centerpara {
        text-align: center;
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
    }
}

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

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

// Usermenu
.usermenu {
285
286
    float: right;

287
    .login {
288
        line-height: 2.25rem;
289

290
        a {
291
            color: $link-color;
292
293
            &:hover,
            &:focus {
294
                color: $link-hover-color;
295
296
297
298
                text-decoration: underline;
            }
        }
    }
299
}
300

301
302
.userloggedinas,
.userswitchedrole {
303
    .usermenu {
304
305
306
307
308
309
        .usertext {
            float: left;
            text-align: right;
            margin-right: $spacer / 2;
            height: 35px;
            .meta {
310
                display: block;
311
                font-size: $font-size-sm;
312
            }
313
314
315
        }
        .avatar {
            img {
316
                margin: 0;
317
318
319
320
321
            }
        }
    }
}

322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
.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;
                }
338
            }
339
340
341
            img {
                width: inherit;
                height: inherit;
342
343
            }
        }
344
345
346
347
        .realuser {
            width: 35px;
            height: 35px;
            display: inline-block;
348
349
350
351
        }
    }
}

352
353
354
@include media-breakpoint-down(sm) {
    .usertext {
        display: none;
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
    }
}

// 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;
    }
376

377
378
379
380
381
    span.qnbutton {
        cursor: default;
        background-color: $input-bg-disabled;
        color: $gray;
    }
382

383
384
385
386
387
388
389
390
391
392
393
    a.qnbutton:hover,
    a.qnbutton:active,
    a.qnbutton:focus {
        text-decoration: underline;
    }

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

395
396
397
    .qnbutton.thispage .thispageholder {
        border-width: 3px;
    }
398

399
400
401
402
403
    .allquestionsononepage .qnbutton.thispage .thispageholder {
        border-width: 1px;
    }

    .qnbutton.flagged .thispageholder {
404
        background: transparent url([[pix:theme|mod/quiz/flag-on]]) 15px 0 no-repeat;
405
406
407
408
    }

    .qnbutton .trafficlight {
        border: 0;
409
        background: $body-color none center / 10px no-repeat scroll;
410
411
412
413
414
415
416
417
418
        height: 20px;
        margin-top: 20px;
        border-radius: 0 0 3px 3px;
    }

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

420
421
422
    .qnbutton.invalidanswer .trafficlight {
        background-image: url([[pix:theme|mod/quiz/warningtriangle]]);
    }
423

424
425
426
427
    .qnbutton.correct .trafficlight {
        background-image: url([[pix:theme|mod/quiz/checkmark]]);
        background-color: $state-success-text;
    }
428

429
430
431
432
    .qnbutton.blocked .trafficlight {
        background-image: url([[pix:core|t/locked]]);
        background-color: $input-bg-disabled;
    }
433

434
435
436
437
    .qnbutton.notanswered .trafficlight,
    .qnbutton.incorrect .trafficlight {
        background-color: $state-danger-text;
    }
438

439
440
441
442
    .qnbutton.partiallycorrect .trafficlight {
        background-image: url([[pix:theme|mod/quiz/whitecircle]]);
        background-color: $state-warning-text;
    }
443

444
445
446
447
448
449
    .qnbutton.complete .trafficlight,
    .qnbutton.answersaved .trafficlight,
    .qnbutton.requiresgrading .trafficlight {
        background-color: $gray-light;
    }
}
450
451
452
453
454
455
456

/**
 * Assign.
 */
.path-mod-assign [data-region="grade-actions-panel"] [data-region="grade-actions"] .collapse-buttons {
    top: auto;
}
457
458
459
.path-mod-assign .no-overflow {
    overflow: initial;
}
460

461
.path-mod-assign [data-region="grade-panel"] .has-popout {
462
    background-color: $card-bg;
463

464
465
    @include border-radius($card-border-radius);
    border: $card-border-width solid $card-border-color;
466
}
467

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

472
473
474
.path-mod-assign [data-region="grade-panel"] .col-md-3 {
    width: 100%;
}
475

476
477
478
479
.path-mod-assign [data-region="grade-panel"] .popout > .col-md-3 {
    @extend .modal-header;
    font-size: 1.5rem;
}
480

481
482
483
.path-mod-assign [data-region="grade-panel"] [data-region="popout-button"] {
    margin-top: 0.5rem;
}
484

485
486
487
.path-mod-assign [data-region="grade-panel"] .popout [data-region="popout-button"] {
    margin-top: 0;
}
488

489
490
491
492
.path-mod-assign [data-region="grade-panel"] h3 {
    margin: 10px 0;
    line-height: 40px;
}
493

494
495
496
497
.path-mod-assign [data-region="assignment-info"] {
    overflow-y: hidden;
}

498
499
.path-mod-assign [data-region="grading-navigation"] {
    padding: 6px;
500
    overflow-y: hidden;
501
}
502

503
504
505
.path-mod-assign [data-region="grade-actions"] {
    padding: 10px;
}
506

507
508
509
.path-mod-assign [data-region="user-info"] .img-rounded {
    margin-top: 0;
}
510

511
512
513
.path-mod-assign [data-region="grading-navigation-panel"] {
    height: 85px;
}
514

515
516
517
518
519
520
521
522
523
524
525
.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;
}
526

527
528
529
.assignfeedback_editpdf_widget button {
    box-sizing: border-box;
}
530

531
532
533
.assignfeedback_editpdf_widget .commentcolourbutton img {
    border-width: 0;
}
534

535
536
537
538
539
540
541
542
.assignfeedback_editpdf_widget .label {
    @extend .tag;
    @extend .tag-info;
}

.assignfeedback_editpdf_menu {
    padding: 0;
}
543