WebSVN – Moodle – Diff – /theme/universe/scss/moodle/core.scss

 /* Icon styles */
 img.activityicon {
     height: 30px;
-    width: 30px;
-    .theme-dark & {
-        filter: invert(1);
-    }
-    // @include media-breakpoint-up(lg) {
-    //     height: 40px;
-    //     width: 40px;
-    // }
-    // @include media-breakpoint-between(xs,sm) {
-    //     height: 30px;
-    //     width: 30px;
-    // }
+    width: 30px;
+}
 .headermain {
     overflow: auto;
     @include thin-scrolls($scroll-bg-track);
     .gradingtable & {
+        min-height: 220px;
-        min-height: 220px;
+        overflow: initial;
+    }
     .block & {
+    }
+}
 .userlist {
     .no-overflow {
-        overflow: auto;
+        overflow: initial;
         @include thin-scrolls($scroll-bg-track);
         .theme-dark & {
         color: $dm-body-color-secondary;
+    }
     .drawer & {
         max-width: 100%;
-        margin-left: 53px;
+        margin-left: 43px;
         position: relative;
     display: flex;
     justify-content: center;
     align-items: center;
+    .icon {
+        display: flex;
+        justify-content: center;
-    .icon {
+        align-items: center;
-        font-size: 30px;
+        font-size: 16px;
         width: 30px;
         height: 30px;
+    }
                 position: absolute;
                 top: 3px;
                 left: 3px;
                 background: $blue-400;
-                background: linear-gradient(90deg, rgba($primary-color-400, 1) 70%, rgba($primary-color-200, 1) 100%);
+                background: linear-gradient(90deg, rgba($primary-color-400, 1) 70%, rgba(var(--primary-color-100), 1) 100%);
                 border-radius: 10px;
                 max-width: calc(100% - 6px);
 .modchoosercontainer.noscroll {
     overflow-y: hidden;
+}
 .optionaction.text-primary {
-    background-color: $primary-color-100;
+    background-color: var(--primary-color-100);
-    color: $primary-color-600 !important;
+    color: var(--main-theme-color) !important;
     .theme-dark & {
-        background-color: $primary-color-600;
+        background-color: var(--main-theme-color);
-        color: $primary-color-200 !important;
+        color: var(--primary-color-100) !important;
     }
     &:hover {
-        background-color: $primary-color-600;
+        background-color: var(--main-theme-color);
-        color: $primary-color-100 !important;
+        color: var(--primary-color-100) !important;
         .theme-dark & {
-            background-color: $primary-color-400;
+            background-color: var(--primary-color-400);
-            color: $primary-color-200 !important;
+            color: var(--primary-color-100) !important;
             max-height: 75px;
+        }
+    }
+}
+.my-action-buttons {
+    display: inline-flex;
+    gap: 5px;
+}
 ul.dragdrop-keyboard-drag {
         top: calc(50% - 20px);
         left: calc(50% - 20px);
+    }
     &:hover {
-        background-color: rgba($primary-color-300, 0.7);
+        background-color: rgba(var(--primary-color-300), 0.7);
+    }
+}
         z-index: 99;
+    }
+}
 body.mce-content-body {
+    background-color: $body-bg;
-    background-color: $container-bg;
+    height: calc(100% - 16px);
+}
 body.mce-content-body.theme-dark {
-    background-color: $dm-container-bg;
+    background-color: $dm-body-bg;
+}
 // Moodle 4.2 Editor
 .jsenabled .tox-shadowhost.tox-fullscreen,
 .jsenabled .tox.tox-tinymce.tox-fullscreen,
 .jsenabled .tox-tinymce-aux {
+    z-index: 10009 !important;
+}
+.tox-fullscreen {
+    #topBar {
+        z-index: 0;
+    }
+}
+.tox-tinymce-aux {
-    z-index: 9999 !important;
+    z-index: 10000 !important;
+}
 .tox-tinymce {
-    min-height: 320px;
+    min-height: 400px;
+}
 .gradesearchdropdown,
 .groupsearchdropdown {
     max-width: 350px;
+    .searchresultitemscontainer {
-    .searchresultitemscontainer {
+        padding: .5rem;
         max-height: 170px;
         overflow: auto;
         /* stylelint-disable declaration-no-important */
-        img {
-            height: 48px !important;
+        img {
-            width: 48px !important;
+            margin: 0!important;
+        }
+    }
     .editing & {
         display: block;
+    }
     &.active {
-        background-color: $primary-color-600;
+        background-color: var(--main-theme-color);
         color: var(--primary-color-100);
+    }
     .theme-dark & {
         background-color: $dm-gray-300;
-        color: $dm-gray-800;
         color: $dm-gray-800;
+    }
+}
+.attachments {
+    margin: 10px 0;
+    a {
+        max-width: 80%;
+        width: max-content;
+        word-break: break-word;
+        padding: 10px 16px 10px 10px;
+        display: flex;
+        align-items: center;
+        font-weight: $font-weight-medium;
+        font-size: $font-size-sm;
+        gap: 10px;
+        color: $body-color;
+        background-color: $gray-100;
+        border-radius: $btn-border-radius;
+        .theme-dark & {
+            color: $dm-body-color;
+            background-color: $dm-gray-100;
+        }
+        &:before {
+            display: none;
+        }
+        &:hover {
+            color: var(--main-theme-color);
+            background-color: var(--primary-color-100);
+            .theme-dark & {
+                color: $body-color;
+                background-color: $gray-300;
+            }
+        }
+        img {
+            background-color: #fff;
+            padding: 3px;
+            border-radius: $btn-border-radius;
+            .theme-dark & {
+                filter: invert(1);
+            }
+        }
+    }
+}
+.path-mod-glossary .attachments {
+    display: flex;
+    flex-wrap: wrap;
+    a {
+        padding: 0;
+        background-color: transparent;
+    }
+}
+// Enrollment Page.
+#page-enrol-index {
+    .rui-course-card {
+        padding: 0;
+        .rui-custom-field-contaner {
+            margin: 0;
+            display: none;
+            visibility: hidden;
+        }
+    }
+    .box.py-3.generalbox {
+        div.mdl-align,
+        form,
+        div[align="center"] {
+            margin-bottom: -33px;
+            border: 1px solid $border-color;
+            padding: 20px;
+            border-radius: $btn-border-radius;
+            text-align: left !important;
+            position: relative;
+            form {
+                margin: 0;
+                border: 0;
+                padding: 0;
+            }
+            .form-group {
+                padding: 0 !important;
+                margin: 0 !important;
+                width: auto;
+            }
+            .col-md-3,
+            .col-md-9 {
+                flex: 0 0 100% !important;
+                max-width: 100% !important;
+                text-align: left !important;
+                input {
+                    width: 100%;
+                }
+                .col-form-label {
+                    margin: 10px 20px !important;
+                }
+            }
+            p {
+                margin-bottom: 0;
+                &:nth-child(1) {
+                    margin-bottom: 10px;
+                }
+                img {
+                    position: absolute;
+                    right: 20px;
+                    top: 58px;
+                }
+                &:nth-child(2) {
+                    font-size: 1.25rem;
+                }
+                &:nth-child(5) {
+                    font-size: $font-size-xs;
+                    color: $body-color-light;
+                }
+            }
+        }
+    }
+    #notice {
+        margin-top: 30px;
+    }
+    .main-content {
+        .rui-main-content-title--h2 {
+            display: block;
+            font-size: $font-size-sm;
+            font-weight: $font-weight-medium;
+            color: $body-color-light;
+            @include media-breakpoint-up(xl) {
+                font-size: 1rem;
+            }
+            @include media-breakpoint-down(lg) {
+                font-size: $font-size-md;
+            }
+            .theme-dark & {
+                color: $dm-body-color-light;
+            }
+        }
+        .rui-title-container:first-of-type {
+            margin-top: 8px;
+            font-size: 1.25rem;
+        }
+    }
+    .box.py-3.generalbox.info {
+        padding: 0!important;
+        .rui-course-card-body {
+            display: none;
+            visibility: hidden;
+        }
+        .form-control-static {
+            width: 100%;
+        }
+        .rui-course-card-wrapper {
+            margin-bottom: 0;
+        }
+    }
+    .main-content [type="submit"] {
+        width: 100%;
+        margin-top: 10px;
+        border: 0;
+    }
+}
+.theme-dark#page-enrol-index {
+    .box.py-3.generalbox {
+        form,
+        div[align="center"] {
+            border-color: $dm-border-color;
+        }
+    }
+}
+.ai-course-summarise-controls {
+    margin-bottom: 30px;
+  }
+  .ai-course-summarise-controls.pt-3 {
+    padding-top: 0 !important;
+  }
+  .tiny_aiplacement_modal #id_introeditor_tiny_aiplacement_generatebutton,
+  .ai-course-summarise-controls .btn {
+    padding-left: 8px;
+    background-image: conic-gradient(from 20deg, rgb(242, 162, 162) 18deg, rgb(212, 247, 235) 68deg, rgba(108, 199, 221, 1) 151deg, $container-bg 263deg, rgba(122, 197, 216, 1) 295deg, rgba(223, 168, 168, 1) 360deg);
+    transition: background-image 500ms;
+    background-size: 170% auto;
+    border: 0;
+    color: $body-color !important;
+    transition: all 350ms ease-in-out;
+    &:hover {
+      color: $body-color !important;
+      img {
+        filter: invert(1);
+      }
+    }
+  }
+  .ai-course-summarise-controls .btn {
+    &:hover {
+      transform: scale(1.05);
+    }
+  }
+  .ai-drawer {
+    @include media-breakpoint-up(md) {
+      top: 96px;
+      bottom: 96px;
+      background-color: transparent;
+      &.show {
+        right: 16px;
+      }
+    }
+    .theme-dark & {
+      background-color: transparent;
+    }
+    &:before {
+      content: "";
+      width: calc(100% - 6px);
+      height: calc(100% - 6px);
+      position: absolute;
+      background-color: $container-bg;
+      border-radius: $btn-border-radius;
+      z-index: 2;
+      margin: 3px;
+      .theme-dark & {
+        background-color: $dm-container-bg;
+      }
+    }
+    &:after {
+      content: "";
+      position: absolute;
+      inset: 0;
+      transform: translate3d(0, 0, -1px);
+      background: conic-gradient(from 20deg, rgb(242, 162, 162) 18deg, rgb(212, 247, 235) 68deg, rgba(108, 199, 221, 1) 151deg, rgb(189, 151, 255) 263deg, rgba(122, 197, 216, 1) 295deg, rgba(223, 168, 168, 1) 360deg);
+      filter: blur(90px);
+      z-index: 1;
+      left: 60px;
+    }
+    .ai-drawer-header {
+      padding-right: 5px;
+    }
+    .ai-drawer-header,
+    .ai-drawer-body {
+      position: relative;
+      z-index: 3;
+    }
+  }
+  .ai-drawer-button {
+    width: 40px;
+    height: 40px;
+    padding: 0;
+    background-color: $gray-900;
+    border: 1px solid transparent;
+    color: $gray-100;
+    .theme-dark & {
+      background-color: $black;
+      color: $white;
+    }
+    .icon {
+      font-size: 18px;
+      line-height: 20px!important;
+    }
+    &:hover {
+      background-color: $gray-700;
+      border: 1px solid transparent;
+      color: $gray-100;
+      .theme-dark & {
+        background-color: $gray-900;
+        color: $gray-100;
+      }
+    }
+  }
+  .tiny-aiplacement-aspect-ratio-container {
+    .btn {
+      font-size: 11px;
+    }
+  }

Proyectos de Subversion Moodle

(root)/theme/universe/scss/moodle/core.scss – Rev 1 → 1441