Proyectos de Subversion Moodle

Rev

Rev 1 | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 efrain 1 
//---- Assign
2 
//---- Module Activity
3 
 
4 
.path-mod-assign [data-region="grade-actions-panel"] [data-region="grade-actions"] .collapse-buttons {
5 
    top: auto;
6 
    height: auto;
7 
}
8 
 
9 
.path-mod-assign [data-region="grade-actions-panel"] {
10 
    background-color: $container-bg;
11 
    border-radius: $btn-border-radius;
12 
    border: none;
13 
 
14 
    box-shadow: rgb(0 0 0 / 15%) 0 15px 25px, rgb(0 0 0 / 5%) 0 5px 10px, rgb(0 0 0 / 12%) 0 2px 3px;
15 
 
16 
    height: 60px;
17 
    bottom: 30px;
18 
    left: 30px;
19 
    right: 30px;
20 
    width: auto;
21 
}
22 
 
23 
// This section removes the responsiveness from the form in the grading panel
24 
$popout-header-font-size: 1.5 * $font-size-base;
25 
// This can't be calculated from modal-title-padding because we are mixing px and rem units.
26 
$popout-header-height: 4rem;
27 
 
28 
.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.popout .felement {
29 
    height: calc(100% - #{$popout-header-height});
30 
}
31 
 
32 
.path-mod-assign [data-region="grade-panel"] {
33 
    padding-top: $spacer;
34 
    top: 145px;
35 
    right: 30px;
36 
    bottom: 100px;
37 
    left: auto;
38 
 
39 
    width: calc(30% - 60px);
40 
 
41 
    border-radius: $btn-border-radius;
42 
    background-color: $container-bg;
43 
}
44 
 
45 
.path-mod-assign [data-region="review-panel"].collapsed+[data-region="grade-panel"] {
46 
    width: calc(100% - 60px);
47 
}
48 
 
49 
.path-mod-assign [data-region="grade-panel"] .fitem>.col-md-3,
50 
.path-mod-assign [data-region="grade-panel"] .fitem>.col-md-9 {
51 
    width: 100%;
52 
    padding: 0;
53 
    max-width: 100%;
54 
    flex: none;
55 
}
56 
 
57 
.path-mod-assign [data-region="grade-panel"] fieldset,
58 
.path-mod-assign [data-region="grade-panel"] .fitem.row {
59 
    margin: 0 0 20px 0 !important;
60 
}
61 
 
62 
.path-mod-assign [data-region="grade-panel"] .mform .fitem.has-popout .felement {
63 
    width: 100%;
64 
}
65 
 
66 
.path-mod-assign [data-region="grade-panel"] .mform .fitem .felement {
67 
    width: auto;
68 
}
69 
 
70 
// Now styles for the popout sections.
71 
 
72 
.path-mod-assign [data-region="grade-panel"] .popout {
73 
    background-color: $modal-content-bg;
74 
}
75 
 
76 
.path-mod-assign [data-region="grade-panel"] .fitem.has-popout.popout {
77 
    width: 100vw;
78 
    max-width: 60vw;
79 
    max-height: 100vh;
80 
    top: 0;
81 
    left: 0;
82 
    right: 0;
83 
    overflow: auto;
84 
    background-color: $container-bg;
85 
    padding: 2rem !important;
86 
    border-radius: $btn-border-radius;
87 
}
88 
 
89 
.theme-dark .gradingform_rubric .criterion.even td,
90 
.theme-dark .gradingform_rubric .criterion.odd td,
1441 ariadna 91 
.theme-dark .gradingform_rubric_ranges .criterion.even td,
92 
.theme-dark .gradingform_rubric_ranges .criterion.odd td,
1 efrain 93 
.theme-dark.path-mod-assign [data-region="grade-actions-panel"],
94 
.theme-dark.path-mod-assign [data-region="grade-panel"],
95 
.theme-dark.path-mod-assign [data-region="grading-navigation-panel"],
96 
.theme-dark.path-mod-assign [data-region="grade-panel"] .fitem.has-popout.popout {
97 
    background-color: $dm-gray-100;
98 
}
99 
 
100 
.path-mod-assign [data-region="grade-panel"] .has-popout .col-md-3 {
101 
    border-bottom: $hr-border-width solid $hr-border-color;
102 
    margin-bottom: $spacer;
103 
}
104 
 
105 
 
106 
.path-mod-assign [data-region="grade-panel"] .popout>.col-md-3 {
107 
    display: flex;
108 
    align-items: flex-start;
109 
    justify-content: space-between;
110 
    font-size: $popout-header-font-size;
111 
}
112 
 
113 
.path-mod-assign [data-region="grade-panel"] .popout [data-region="popout-button"] {
114 
    margin-top: 0;
115 
}
116 
 
117 
// Now style the fixed header elements.
118 
 
119 
.path-mod-assign [data-region="assignment-info"] {
120 
    overflow-y: hidden;
121 
 
122 
    position: absolute;
123 
    top: -50px;
124 
 
125 
    justify-content: space-between;
126 
}
127 
 
128 
.path-mod-assign [data-region="grading-navigation"] {
129 
    padding: 0;
130 
}
131 
 
132 
.path-mod-assign [data-region="grade-actions"] {
1441 ariadna 133 
    padding: 13px;
1 efrain 134 
}
135 
 
136 
.path-mod-assign [data-region="user-info"] {
137 
    margin: 1rem;
138 
    padding: 0;
139 
 
140 
    height: 40px;
141 
    line-height: 1.2;
142 
 
143 
    color: $body-color;
144 
 
145 
    a {
146 
        color: inherit;
147 
    }
148 
}
149 
 
150 
.path-mod-assign [data-region="user-info"] .img-rounded {
151 
    margin-top: 0;
152 
    border-radius: $btn-border-radius;
153 
}
154 
 
155 
.path-mod-assign [data-region="grading-navigation-panel"] {
156 
    background-color: $container-bg;
157 
    border-radius: $btn-border-radius;
158 
 
159 
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%), 0 2px 2px rgb(0 0 0 / 5%), 0 4px 4px rgb(0 0 0 / 5%), 0 8px 8px rgb(0 0 0 / 5%);
160 
 
161 
    top: 60px;
162 
    left: 30px;
163 
    right: 30px;
164 
    z-index: 999;
165 
 
166 
    width: auto;
167 
    height: auto;
168 
}
169 
 
170 
@media (max-width: 767px) {
171 
    .path-mod-assign [data-region="grading-navigation-panel"] {
172 
        height: auto;
173 
    }
174 
 
175 
    .path-mod-assign [data-region="user-info"] {
176 
        margin-top: 1rem;
177 
    }
178 
}
179 
 
180 
.path-mod-assign [data-region="review-panel"] {
181 
    top: 145px;
182 
    left: 30px;
183 
    bottom: 100px;
184 
}
185 
 
186 
.path-mod-assign [data-region="grading-navigation"] [data-region="input-field"] input {
187 
    width: auto;
188 
    display: inline-block;
189 
}
190 
 
191 
.path-mod-assign {
192 
    #id_gradeheader,
193 
    #id_attemptsettings {
194 
        font-size: $font-size-sm !important;
195 
 
196 
        border-radius: $btn-border-radius;
197 
        border: 2px solid var(--primary-color-100);
198 
 
199 
        padding: $card-spacer-x;
200 
        margin-bottom: $card-spacer-x;
201 
 
202 
        .fcontainer {
203 
            padding: 0;
204 
        }
205 
 
206 
        legend,
207 
        &>legend {
208 
            width: auto;
209 
            padding: 5px 20px;
210 
            border-radius: $btn-border-radius;
1441 ariadna 211 
            background-color: var(--main-theme-color);
1 efrain 212 
            color: $white;
213 
 
214 
            font-size: $font-size-sm !important;
215 
            font-weight: $font-weight-medium !important;
216 
            line-height: 1.5 !important;
217 
        }
218 
 
219 
        .col-form-label {
220 
            margin-bottom: .35rem;
221 
            font-size: $font-size-xs;
222 
            font-weight: $font-weight-medium;
223 
        }
224 
 
225 
        .form-control-static,
226 
        .form-group {
227 
            margin-bottom: .5rem;
228 
        }
229 
 
230 
    }
231 
}
232 
 
233 
.gradingform {
234 
    .custom-select {
235 
        padding: 9px 17px;
236 
        max-width: 100%;
237 
        height: auto;
238 
        font-size: $font-size-xs;
239 
    }
240 
 
241 
    .col-form-label {
242 
        margin-bottom: .5rem;
243 
    }
244 
 
245 
}
246 
 
247 
.path-mod-assign [data-region="grade-panel"] .has-popout .col-md-3 {
248 
    border-bottom: none;
249 
}
250 
 
251 
.path-mod-assign [data-region="grade-panel"] #id_gradeheader>legend {
252 
    visibility: visible;
253 
    height: auto;
254 
}
255 
 
256 
.path-mod-assign [data-region="grade-panel"] .fitem>.col-md-3,
257 
.path-mod-assign [data-region="grade-panel"] .fitem>.col-md-9 {
258 
    margin-bottom: .35rem!important;
259 
    text-align: left !important;
260 
}
261 
 
262 
.path-mod-assign #page-content [data-region="grade-panel"] [data-region="popout-button"] {
263 
    float: none;
264 
 
265 
    .icon {
266 
        margin: 1px;
267 
        @extend .btn-special-icon;
268 
    }
269 
 
270 
    a:hover {
271 
        text-decoration: none;
272 
 
273 
        .icon {
274 
            @extend .btn-special-icon--hover;
275 
        }
276 
    }
277 
}
278 
 
279 
/**
280 
 * Assign feedback.
281 
 */
282 
.assignfeedback_editpdf_widget * {
283 
    box-sizing: content-box;
284 
}
285 
 
286 
.assignfeedback_editpdf_widget button {
287 
    box-sizing: border-box;
288 
}
289 
 
290 
.assignfeedback_editpdf_widget .commentcolourbutton img {
291 
    border-width: 0;
292 
}
293 
 
294 
.assignfeedback_editpdf_widget .label {
295 
    position: relative;
296 
    padding: $alert-padding-y $alert-padding-x;
297 
    margin-bottom: $alert-margin-bottom;
298 
    border: $alert-border-width solid transparent;
299 
    @include border-radius($alert-border-radius);
300 
    @include alert-variant(theme-color-level('info', $alert-bg-level), theme-color-level('info', $alert-border-level), theme-color-level('info', $alert-color-level));
301 
    /* stylelint-disable-line max-line-length */
302 
}
303 
 
304 
.assignfeedback_editpdf_menu {
305 
    padding: 0;
306 
}
307 
 
308 
.path-mod-assign [data-region="grade-panel"] .gradingform_guide .remark .commentchooser {
309 
    float: none;
310 
}
311 
 
312 
.path-mod-assign [data-region="grade-panel"] .gradingform_guide .markingguideremark {
313 
    width: 100%;
314 
}
315 
 
316 
.path-mod-assign [data-region="grade-panel"] .mform .fitem .felement[data-fieldtype="grading"] {
317 
    padding-left: $spacer;
318 
    padding-right: $spacer;
319 
}
320 
 
321 
.path-mod-assign [data-region="grade-panel"] .showmarkerdesc,
322 
.path-mod-assign [data-region="grade-panel"] .showstudentdesc {
323 
    background-color: $card-bg;
324 
}
325 
 
326 
.path-mod-assign [data-region="grade-panel"] h3 {
327 
    font-family: $font-family-base;
328 
}
329 
 
330 
$assign-margin: 60px;
331 
 
332 
.rui-gradingsummary {
333 
    margin: $assign-margin 0;
334 
}
335 
 
336 
.submissionstatustable,
337 
.gradingsummary {
338 
    margin-top: 20px;
339 
 
340 
    .rui-title-container {
341 
        font-size: 1rem;
342 
        font-weight: $font-weight-bold;
343 
    }
344 
}
345 
 
346 
.plugincontentsummary.py-3 {
347 
    padding: 0!important;
348 
}
349 
 
350 
.rui-submissionstatustable {
351 
    padding-top: $assign-margin;
352 
    margin-bottom: $assign-margin;
353 
    border-top: 1px solid $border-color;
354 
 
355 
    .theme-dark & {
356 
        border-top: 1px solid $dm-border-color;
357 
    }
358 
 
359 
    .section & {
360 
        padding-top: 10px;
361 
        margin-bottom: 10px;
362 
    }
363 
}
364 
 
365 
.rui-plugincontentsummary,
366 
.rui-submissionsummarytable {
367 
    margin-bottom: $assign-margin;
368 
 
369 
    .section & {
370 
        margin-bottom: 10px;
371 
    }
372 
}
373 
 
374 
.rui-plugincontentsummary:last-of-type {
375 
    margin-bottom: 0;
376 
}
377 
 
378 
.rui-plugincontentsummary {
379 
    .visibleifjs .btn {
380 
        display: inline-block;
381 
        margin-top: 0.35rem;
382 
        margin-left: 44px;
383 
    }
384 
}
385 
 
386 
.rui-info-container {
387 
    //column-count: 3;
1441 ariadna 388 
    column-gap: 20px;
1 efrain 389 
    display: grid;
390 
    grid-template-columns: 1fr 1fr 1fr 1fr;
391 
 
392 
    flex-wrap: wrap;
393 
    margin: 0;
394 
    padding: 0;
395 
 
396 
    .theme-dark & {
397 
        color: $body-color;
398 
    }
399 
 
400 
    @include media-breakpoint-only(md) {
401 
        grid-template-columns: 1fr 1fr;
402 
    }
403 
 
404 
    @include media-breakpoint-between(xs, sm) {
405 
        grid-template-columns: 1fr;
406 
    }
407 
}
408 
 
409 
 
410 
.rui-infobox-title {
411 
    font-size: $font-size-xs;
412 
    font-weight: $font-weight-medium;
413 
    word-break: break-word;
1441 ariadna 414 
    color: $body-color;
1 efrain 415 
}
416 
 
417 
.rui-infobox {
418 
    display: inline-grid;
419 
    padding: 3.75rem 1.25rem 1rem 1.25rem; // 60px 20px 20px 20px
420 
    margin-bottom: 10px;
421 
 
422 
    background-repeat: no-repeat;
423 
    background-position: left 16px top 20px;
424 
    background-size: 25px;
425 
 
426 
    word-break: break-all;
427 
 
428 
    border-radius: $btn-border-radius;
429 
 
430 
    .dir-rtl & {
431 
        background-position: right 16px top 20px;
432 
    }
433 
 
434 
    #page-mod-assign-grader & {
435 
        width: auto;
436 
        height: auto;
437 
    }
438 
 
439 
    .rui-infobox-content {
440 
        font-size: 1.25rem; //20px
441 
        font-weight: $font-weight-bold;
442 
        word-break: break-word;
443 
    }
444 
 
445 
    .rui-infobox-content--small {
446 
        font-size: $font-size-sm;
447 
        font-weight: $font-weight-bold;
448 
    }
449 
}
450 
 
451 
.rui-infobox--hiddenfromstudents {
452 
    background-image: url([[pix:theme|universe/icon-eye-off]]);
453 
    background-color: $gray-100;
454 
}
455 
 
456 
.rui-infobox--participant {
457 
    background-image: url([[pix:theme|universe/icon-users]]);
458 
    background-color: $blue-100;
459 
}
460 
 
461 
.rui-infobox--draft,
462 
.rui-infobox--drafts {
463 
    background-image: url([[pix:theme|universe/icon-edit]]);
464 
    background-color: $orange-100;
465 
}
466 
 
1441 ariadna 467 
.submissiongraded,
1 efrain 468 
.submissionstatussubmitted,
469 
.earlysubmission,
470 
.submissioneditable,
471 
.rui-badge-assign--submitted,
472 
.rui-infobox--submitted {
473 
    background-image: url([[pix:theme|universe/icon-checked]]);
474 
    background-color: $green-100;
475 
}
476 
 
477 
.path-mod-assign [data-region="grade-panel"] div.submissionnotgraded,
478 
.latesubmission,
479 
.submissionstatus,
480 
.path-mod-assign [data-region="grade-panel"] div.overdue,
481 
.rui-badge-assign--noattempt,
482 
.rui-badge-assign--overdue,
483 
.rui-badge-assign--needgrading,
484 
.rui-infobox--needgrading {
485 
    background-image: url([[pix:theme|universe/icon-alert-circle]]);
486 
 
487 
    background-color: #fce59c;
488 
}
489 
 
490 
.lockedsubmission,
491 
.rui-badge-assign--submissionlocked,
492 
.rui-infobox--submissionlocked {
493 
    background-image: url([[pix:theme|universe/icon-lock]]);
494 
 
495 
    background-color: $red-100;
496 
}
497 
 
498 
.rui-badge-assign--timeremaining,
499 
.rui-infobox--duedate {
500 
    background-image: url([[pix:theme|universe/icon-calendar]]);
501 
 
502 
    background-color: var(--primary-color-100);
503 
}
504 
 
505 
.submissionnoteditable,
506 
.rui-badge-assign--noonlinesubmissions,
507 
.rui-infobox--noonlinesubmissions,
508 
.rui-infobox--timeremaining {
509 
    background-image: url([[pix:theme|universe/icon-alert-triangle]]);
510 
 
511 
    background-color: $yellow-200;
512 
}
513 
 
514 
.overduesubmission,
515 
.rui-infobox--cutofdate {
516 
    background-image: url([[pix:theme|universe/icon-alert-circle]]);
517 
 
518 
    background-color: $red-100!important;
519 
}
520 
 
521 
//on Learning plans page
522 
.rui-infobox--status {
523 
    background-image: url([[pix:theme|universe/icon-state]]);
524 
 
525 
    background-color: $yellow-100;
526 
}
527 
 
528 
.rui-badge-assign-submissionstatus,
529 
.rui-infobox--progress {
530 
    background-image: url([[pix:theme|universe/icon-progress]]);
531 
 
532 
    background-color: $gray-100;
533 
}
534 
 
535 
 
536 
.rui-submissionsummarytable,
537 
.rui-feedbacktable {
538 
    background-color: $gray-100;
539 
    padding: 1.25rem; //20px
540 
    border-radius: $btn-border-radius;
541 
 
542 
    font-size: $font-size-sm;
543 
 
544 
    .theme-dark & {
545 
        background-color: $dm-gray-100;
546 
    }
547 
}
548 
 
549 
.submissionsummarytable {
550 
    .generaltable {
551 
        width: max-content!important;
552 
    }
553 
}
554 
 
555 
.rui-feedback {
556 
    margin-top: $assign-margin;
557 
    margin-bottom: $assign-margin;
558 
 
559 
    .userpicture {
560 
        border-radius: $btn-border-radius-lg;
561 
    }
562 
}
563 
 
564 
.jsenabled .comment-link .icon,
565 
.path-mod-assign.jsenabled .expandsummaryicon {
566 
    padding: 10px;
567 
    margin-right: .5rem;
568 
 
569 
    display: inline-flex;
570 
    justify-content: center;
571 
    align-items: center;
572 
 
573 
    width: 18px;
574 
    height: 18px;
575 
 
576 
    background: $gray-100;
577 
    color: $gray-900;
578 
    border-radius: $btn-border-radius;
579 
 
580 
    &:hover {
581 
        text-decoration: none;
582 
    }
583 
}
584 
 
585 
.theme-dark.jsenabled .comment-link .icon,
586 
.theme-dark.path-mod-assign.jsenabled .expandsummaryicon {
587 
    filter: invert(1);
588 
}
589 
 
590 
.rui-submissionaction {
591 
 
592 
    .singlebutton,
593 
    .btn {
594 
        width: 100%;
595 
    }
596 
}
597 
 
598 
.rui-assign-btns {
599 
    margin-top: 10px;
600 
    padding-top: $assign-margin;
601 
    border-top: 1px solid $border-color;
602 
 
603 
    .theme-dark & {
604 
        border-top: 1px solid $dm-border-color;
605 
    }
606 
}
607 
 
608 
.rui-assignsubmissio {
609 
    margin: $assign-margin 0;
610 
    padding: 1rem;
611 
    background-color: $container-bg;
612 
    border-radius: $btn-border-radius;
613 
 
614 
    .theme-dark & {
615 
        background-color: $dm-container-bg;
616 
    }
617 
 
618 
}
619 
 
620 
// Feedback table
621 
 
622 
 
623 
.path-mod-assign {
624 
 
625 
    .feedbacktable {
626 
        margin-top: 0;
627 
    }
628 
 
629 
    .fileuploadsubmission {
630 
        a {
631 
            margin: 0 4px;
632 
            display: flex;
633 
            align-self: center;
634 
            font-size: $font-size-xs;
635 
            color: $body-color;
636 
        }
637 
    }
638 
 
639 
    .ygtvrow {
640 
        border: 0!important;
641 
    }
642 
 
643 
    .fileuploadsubmissiontime {
644 
        margin-top: .25rem;
645 
        margin-left: 4px;
646 
        float: none !important;
647 
 
648 
        font-size: $font-size-xs;
649 
        color: $body-color-light;
650 
 
651 
        .theme-dark & {
652 
            color: $dm-body-color-light;
653 
        }
654 
    }
655 
}
656 
 
657 
.path-mod-assign table.generaltable table td.ygtvcell {
658 
    div {
659 
        width: 100%;
660 
        display: flex;
661 
        flex-wrap: wrap;
662 
    }
663 
}
664 
 
665 
.theme-dark.path-mod-assign .fileuploadsubmission a {
666 
    color: $dm-body-color;
667 
}
668 
 
669 
.theme-dark.path-mod-assign .fileuploadsubmissiontime {
670 
    color: $dm-body-color-light;
671 
}
672 
 
673 
.path-mod-assign .gradingtable tr.unselectedrow td {
674 
    vertical-align: top;
675 
    background-color: transparent;
676 
}
677 
 
678 
.path-mod-assign.jsenabled .gradingtable .c0 {
679 
    .commands {
680 
        display: none;
681 
    }
682 
 
683 
    .selectall {
684 
        display: inline-flex;
685 
        margin-left: .5rem;
686 
        margin-right: .5rem;
687 
    }
688 
}
689 
 
690 
.gradingsummarytable, .submissionsummarytable {
691 
    padding: 0!important;
692 
 
693 
    table {
694 
        margin: 0!important;
695 
    }
696 
 
697 
    .theme-dark & {
698 
        border-color: $dm-border-color;
699 
    }
700 
}
701 
 
702 
//Selected row
703 
.path-mod-assign .gradingtable tr.selectedrow td {
704 
    background-color: var(--primary-color-100);
705 
    vertical-align: top;
706 
}
707 
 
708 
.path-mod-assign.jsenabled .gradingtable {
709 
    tr {
710 
        border-bottom: 1px solid $border-color;
711 
 
712 
        .theme-dark & {
713 
            border-bottom: 1px solid $dm-border-color;
714 
        }
715 
    }
716 
}
717 
 
718 
.path-mod-assign [data-region="user-selector"] .alignment {
719 
    margin: 0 10px 0 0;
720 
    width: auto;
721 
}
722 
 
723 
.path-mod-assign [data-region="user-selector"] select {
724 
    padding: 3px 7px;
725 
    margin-bottom: 0!important;
726 
    max-width: 100%;
727 
    height: auto;
728 
 
729 
    font-size: $font-size-xs;
730 
}
731 
 
732 
.path-mod-assign [data-region="grading-navigation"] [data-region="input-field"] input {
733 
    margin: 0;
734 
}
735 
 
736 
.path-mod-assign [data-region="configure-filters"] {
737 
    margin-top: 48px;
738 
    margin-left: -143px;
739 
    padding: 13px!important;
740 
 
741 
    width: 180px;
742 
}
743 
 
744 
.path-mod-assign [data-region="grade-panel"] .fitem.popout {
745 
    bottom: auto;
746 
}
747 
 
748 
.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.popout .felement {
749 
    padding: 0;
750 
}
751 
 
752 
.moodle-dialogue-base .moodle-dialogue.assignfeedback_editpdf_dropdown .moodle-dialogue-bd {
753 
    padding: 0 !important;
754 
}
755 
 
756 
.assignfeedback_editpdf_widget .warningmessages {
757 
    .icon {
758 
        margin-right: .35rem;
759 
        width: 12px;
760 
        height: 12px;
761 
    }
762 
 
763 
    .warningmessages {
764 
        display: inline-flex;
765 
        align-items: center;
766 
    }
767 
 
768 
}
769 
 
770 
.path-mod-assign #page-content .mform:not(.unresponsive) #fitem_id_grade.fitem .felement input {
771 
    width: auto;
772 
}
773 
 
774 
#fitem_id_assignfeedbackcomments_editor .col-md-3.text-right {
775 
    display: inline-flex;
776 
    align-items: center;
777 
    justify-content: space-between;
778 
}
779 
 
780 
.badge-assign {
781 
    padding-top: 10px;
782 
    padding-left: 50px;
783 
    padding-bottom: 9px;
784 
    padding-right: 1.5rem;
785 
 
786 
    margin-bottom: .25rem;
787 
 
788 
    background-size: 18px;
789 
    background-position: 17px;
790 
    background-repeat: no-repeat;
791 
 
792 
    border-radius: $btn-border-radius;
793 
 
794 
    font-weight: $font-weight-medium;
795 
    font-size: $font-size-sm;
796 
    line-height: 1.5;
797 
    color: $body-color;
798 
 
799 
    .theme-dark & {
800 
        color: $dm-body-color;
801 
    }
802 
}
803 
 
804 
.overduesubmission,
805 
.submissionstatus,
806 
.lockedsubmission,
807 
.submissionstatussubmitted,
808 
.earlysubmission,
809 
.latesubmission,
1441 ariadna 810 
.submissiongraded,
1 efrain 811 
.submissionnoteditable,
812 
.path-mod-assign [data-region="grade-panel"] div.submissionnotgraded,
813 
.overdue,
814 
.timeremaining,
815 
.submissioneditable {
816 
    width: max-content;
817 
    max-width: 100%;
818 
 
819 
    padding-top: 7px!important;
820 
    padding-left: 30px!important;
821 
    padding-bottom: 7px!important;
822 
    padding-right: 14px!important;
823 
 
824 
    margin-bottom: .25rem;
825 
 
826 
    background-size: 18px;
827 
    background-position: 9px;
828 
    background-repeat: no-repeat;
829 
 
830 
    border-radius: $btn-border-radius;
831 
 
832 
    font-weight: $font-weight-medium;
833 
    font-size: $font-size-xs;
834 
    line-height: 1.5;
835 
    color: $body-color;
836 
}
837 
 
838 
.editsubmissionform {
839 
    .row {
840 
        margin-bottom: $page-padding-global;
841 
 
842 
        &:last-of-type {
843 
            margin-bottom: 0;
844 
        }
845 
    }
846 
 
847 
}
848 
 
849 
.assignfeedback_editpdf_widget .pageheader button img {
850 
    padding: 0;
851 
    line-height: 0;
852 
    width: 16px;
853 
}
854 
 
855 
.timeremaining {
856 
    background-color: $yellow-200;
857 
    color: $body-color!important;
858 
}
859 
 
860 
#page-mod-assign-grading {
861 
    .generaltable {
862 
        width: max-content;
1441 ariadna 863 
 
864 
        thead {
865 
            position: sticky;
866 
            top: $navbar-height;
867 
            z-index: $zindex-fixed;
868 
            background-color: $container-bg;
869 
        }
1 efrain 870 
    }
1441 ariadna 871 
}
872 
 
873 
 
874 
.theme-dark#page-mod-assign-grading {
875 
    .generaltable {
876 
        thead {
877 
            background-color: $dm-container-bg;
878 
        }
879 
    }
1 efrain 880 
}