WebSVN – Moodle – Diff – /theme/boost/scss/moodle/modules.scss

+        }
+    }
+}
 .discussion-settings-container {
-    .custom-select {
+    .form-select {
         width: 100%;
+    }
         padding: .25em 1.75rem 0.25em .75em;
         line-height: 1;
         height: auto;
         border-radius: 10rem;
-        @include media-breakpoint-down(sm) {
+        @include media-breakpoint-down(md) {
             margin-top: .5rem;
+        }
+    }
         display: inline-block;
+    }
     /** Don't show the discussion locked alert in this mode because it's already indicated with a badge. */
     .alert.discussionlocked {
-        @include sr-only();
+        @include visually-hidden();
+    }
     /** Fix muted text contrast ratios for accessibility. */
+        }
+    }
     /** Make the tag list text screen reader visible only */
     .tag_list > b {
-        @include sr-only();
+        @include visually-hidden();
+    }
     :target > .focus-target {
+        }
+    }
+}
 /** Extra small devices (portrait phones, less than 576px). */
-@include media-breakpoint-down(sm) {
+@include media-breakpoint-down(md) {
     #page-mod-forum-discuss.nested-v2-display-mode {
         .forum-post-container {
             .author-image-container {
                 width: $author-image-width-sm;
 $grading-drawer-width: 430px !default;
 $grading-animation-duration: .3s !default;
 $grading-icon-button-size: 36px !default;
 $grading-search-button-padding-left: calc(#{map-get($spacers, 2)} + 8px) !default;
-$grading-search-input-padding-left: calc(#{map-get($spacers, 2)} + #{map-get($spacers, 2)} + #{$grading-icon-button-size - ($input-border-width * 2)}) !default; /* stylelint-disable-line max-line-length */
+$grading-search-input-padding-left: calc(#{map-get($spacers, 2)} + #{map-get($spacers, 2)} + #{$grading-icon-button-size} - calc(#{$input-border-width} * 2)) !default; /* stylelint-disable-line max-line-length */
 $grading-search-input-padding-right: calc(#{map-get($spacers, 2)} + #{$grading-icon-button-size}) !default;
 $grading-nav-bar-active-drawer-button-bottom: calc(#{map-get($spacers, 2) * -1} - 1px) !default;
+$grading-content-show-content-button-padding-left: calc(#{map-get($spacers, 2) * 2} + 45px) !default;
-$grading-content-show-content-button-padding-left: calc(#{map-get($spacers, 2) * 2} + 45px) !default;
+$input-line-height-lg:  1.5 !default;
 @keyframes expandSearchButton {
     from {
         height: $grading-icon-button-size;
                         top: 50%;
                         left: map-get($spacers, 2);
                         transform: translateY(-50%);
                         color: $input-color;
                         height: $grading-icon-button-size;
-                        width: $grading-icon-button-size - ($input-border-width * 2);
+                        width: calc(#{$grading-icon-button-size} - calc(#{$input-border-width} * 2));
                         background-color: $input-bg;
                         opacity: 1;
                         visibility: visible;
                         transition:
                             opacity 0s linear $grading-animation-duration,
     .post-subject {
         display: none;
+    }
+}
-@include media-breakpoint-down(xs) {
+@include media-breakpoint-down(sm) {
     .path-mod-forum .unified-grader {
         .grader-grading-panel {
             width: 100%;
             position: fixed;
 .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;
         + .singlebutton {
             margin-left: 0;
             margin-top: 1rem;
+        }
+    }
-    .fitem .felement .custom-select {
+    .fitem .felement .form-select {
         align-self: flex-start;
+    }
+}
 .path-mod-lesson .generaltable td {
     vertical-align: middle;
 .path-mod-wiki .wiki_contentbox {
     width: 100%;
-}
-// Survey module
-.path-mod-survey {
-    .surveytable {
-        > tbody > tr:nth-of-type(odd) {
-            background-color: $table-bg;
-        }
-        > tbody > tr:nth-of-type(even) {
-            background-color: $table-accent-bg;
-        }
-        .rblock label {
-            text-align: center;
-        }
-    }
+}
 .nav .caret {
     margin-left: 4px;
 img.userpicture {
     margin-right: $spacer * 0.25;
 }
-@include media-breakpoint-down(sm) {
+@include media-breakpoint-down(md) {
     .usertext {
         display: none;
     .allquestionsononepage .qnbutton.thispage .thispageholder {
         border-width: 1px;
-    }
-    .qnbutton.flagged .thispageholder {
-        background: transparent url([[pix:theme|mod/quiz/flag-on]]) 15px 0 no-repeat;
+    }
     .qnbutton .trafficlight {
         border: 0;
         background: $card-bg none center / 10px no-repeat scroll;
         height: 20px;
         margin-top: 20px;
         border-radius: 0 0 3px 3px;
+    }
+    .qnbutton.correct .thispageholder {
-    }
+        border-color: shift-color($success, 10%);
+    }
     .qnbutton.notyetanswered .trafficlight,
+    .qnbutton.incorrect .thispageholder {
+        border-color: shift-color($danger, 10%);
+    }
+    .qnbutton.partiallycorrect .thispageholder {
+        border-color: shift-color($warning, 40%);
+    }
+    .qnbutton.correct,
+    .qnbutton.correct .trafficlight {
+        background-color: #dff4d8; /* light green */
+    }
+    .qnbutton.incorrect,
+    .qnbutton.incorrect .trafficlight {
+        background-color: #fdd; /* light red */
+    }
+    .qnbutton.partiallycorrect,
+    .qnbutton.partiallycorrect .trafficlight {
+        background-color: #fcefdc; /* light yellow */
+    }
+    .qnbutton.blocked,
+    .qnbutton.blocked .trafficlight,
+    .qnbutton.complete,
+    .qnbutton.complete .trafficlight,
+    .qnbutton.answersaved,
+    .qnbutton.answersaved .trafficlight,
+    .qnbutton.requiresgrading,
+    .qnbutton.requiresgrading .trafficlight {
-    .qnbutton.invalidanswer .trafficlight {
+        background-color: $gray-300;
-        background-color: $card-bg;
+    }
     .qnbutton.notyetanswered .trafficlight,
     .qnbutton.invalidanswer .trafficlight {
-        background-image: url([[pix:theme|mod/quiz/warningtriangle]]);
+        background-color: $card-bg;
+    }
     .qnbutton.correct .trafficlight {
-    .qnbutton.correct .trafficlight {
+        background-image: url([[pix:core|i/grade_correct]]);
-        background-image: url([[pix:theme|mod/quiz/checkmark]]);
-        background-color: $success;
+        color: $success;
         background-size: 14px;
+    }
+    .qnbutton.blocked .trafficlight {
-    .qnbutton.blocked .trafficlight {
+        background-image: url([[pix:core|t/locked]]);
         background-image: url([[pix:core|t/locked]]);
         background-color: $input-disabled-bg;
-    }
+    .qnbutton.notanswered .trafficlight,
+    .qnbutton.incorrect .trafficlight {
+        background-image: url([[pix:core|i/grade_incorrect]]);
-    .qnbutton.notanswered .trafficlight,
+        color: $danger;
-    .qnbutton.incorrect .trafficlight {
+        background-size: 14px;
         background-color: $danger;
+    .qnbutton.partiallycorrect .trafficlight {
-    .qnbutton.partiallycorrect .trafficlight {
+        background-image: url([[pix:core|i/grade_partiallycorrect]]);
-        background-image: url([[pix:theme|mod/quiz/whitecircle]]);
+        color: $warning;
-        background-color: $warning;
+        background-size: 14px;
+    }
 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer {
     padding: 0.5em 0 0.5em 0.1em;
     margin: 2px;
+}
+/* Override the color of the quiz attempt icons for accessibility. */
+#attemptsform,
+.formulation .answer {
+    .icon.text-success {
+        color: shift-color($success, 10%) !important; /* stylelint-disable-line declaration-no-important */
+    }
+    .icon.text-danger {
+        color: shift-color($danger, 10%) !important; /* stylelint-disable-line declaration-no-important */
+    }
+    .icon.text-warning {
+        color: shift-color($warning, 40%) !important; /* stylelint-disable-line declaration-no-important */
+    }
+}
 /* Countdown timer. */
 #page-mod-quiz-attempt #region-main {
     overflow-x: inherit;
 @for $i from 0 through 16 {
     #quiz-timer-wrapper #quiz-timer.timeleft#{$i} {
         $bg: lighten($red, ($i * 3%));
         background-color: $bg;
-        color: color-yiq($bg);
+        color: color-contrast($bg);
+    }
+}
 .assignfeedback_editpdf_widget .label {
     position: relative;
     padding: $alert-padding-y $alert-padding-x;
     margin-bottom: $alert-margin-bottom;
     border: $alert-border-width solid transparent;
+    color: shift-color($info, $alert-color-scale);
+    border-color: shift-color($info, $alert-border-scale);
     @include border-radius($alert-border-radius);
-    @include alert-variant(theme-color-level('info', $alert-bg-level), theme-color-level('info', $alert-border-level), theme-color-level('info', $alert-color-level)); /* stylelint-disable-line max-line-length */
+    @include gradient-bg(shift-color($info, $alert-bg-scale));
+}
 .assignfeedback_editpdf_menu {
     padding: 0;
 .path-mod-assign [data-region="grade-panel"] .showmarkerdesc,
 .path-mod-assign [data-region="grade-panel"] .showstudentdesc {
     background-color: $card-bg;
+}
+.path-mod-assign .gradingtable thead tr {
+    position: sticky;
+    top: $navbar-height;
+    z-index: 1;
+}
 /**
  * Mod LTI.
  */
 .path-admin-mod-lti {
     .btn .loader img,
     #tool-list-loader-container .loader img {
         height: auto;
+    }
+}
+/**
+ * Mod Feedback.
+ */
+.path-mod-feedback {
+    span.feedback_info {
+        font-weight: bold;
+    }
+    div.feedback_is_dependent {
+        background: $gray-600;
+    }
+    span.feedback_depend {
+        color: $danger;
+    }
+    hr.feedback_pagebreak {
+        height: 4px;
+        color: $gray-600;
+        background-color: $gray-600;
+        border: 0;
+        margin: 0;
+    }
+    .feedback_bar_image {
+        height: 10px;
+    }
+    #analysis-form {
+        label {
+            display: inline;
+        }
+    }
+    .templateslist {
+        td.cell.action {
+            width: 10%;
+        }
+        th.header.action {
+            width: 10%;
+        }
+    }
+    .feedback-item-label {
+        width: 100%;
+    }
+    // Feedback edit form.
+    #feedback_edit_form {
+        [id*=_feedback_item_].feedback_itemlist,
+        .feedback_itemlist.sortable-list-is-dragged {
+            padding: map-get($spacers, 3);
+            border: $border-width solid $border-color;
+            background-color: $white;
+            position: relative;
+            @include border-radius();
+            .itemname {
+                margin-right: map-get($spacers, 5);
+            }
+            .itemactions {
+                position: absolute;
+                top: map-get($spacers, 3);
+                right: map-get($spacers, 3);
+            }
+            &.sortable-list-current-position {
+                background-color: $light;
+            }
+        }
+        .sortable-list-is-dragged {
+            opacity: .75;
+            max-width: $course-content-maxwidth;
+        }
+        .loading-icon {
+            position: absolute;
+            left: 50%;
+            top: calc(50% - .5rem);
+        }
+    }
+    // Templates page.
+    &#page-mod-feedback-manage_templates {
+        .coursetemplates,
+        .publictemplates {
+            .no-overflow {
+                overflow: visible;
+            }
+            .action-menu .menubar {
+                justify-content: end;
+            }
+        }
+    }
+    // Analysis page.
+    table.analysis {
+        width: 100%;
+        border-top: $border-width solid $border-color;
+        margin-top: 10px;
+        &.itemtype_textarea td {
+            padding: 4px 0;
+        }
+        tr:first-child th {
+            padding-top: 10px;
+        }
+        tr:hover {
+            background: $gray-300;
+        }
+        td.singlevalue:before,
+        td.optionname:before {
+            content: '- ';
+        }
+        tr.isempty {
+            display: none;
+        }
+    }
+    // Responses list.
+    #showentrytable td.cell.completed_timemodified,
+    #showentryanontable td.cell.random_response {
+        font-weight: bold;
+    }
+    #showentrytable td.cell.userpic,
+    #showentrytable td.cell.deleteentry,
+    #showentryanontable td.cell.deleteentry {
+        width: 10px;
+    }
+    // Responses navigation.
+    .response_navigation {
+        margin: map-get($spacers, 2) 0;
+        a {
+            display: block;
+            &.back_to_list {
+                text-align: center;
+            }
+        }
+        .prev_response {
+            text-align: left;
+            &:before {
+                /*rtl:raw:
+                content: ' â–º ';
+                */
+                /*rtl:remove*/
+                content: ' â—„ ';
+            }
+        }
+        .next_response {
+            text-align: right;
+            &:after {
+                /*rtl:raw:
+                content: ' â—„ ';
+                */
+                /*rtl:remove*/
+                content: ' â–º ';
+            }
+        }
+    }

Proyectos de Subversion Moodle

(root)/theme/boost/scss/moodle/modules.scss – Rev 1 → 1441