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

 // Calendar event background colours defined.
 [data-action=filter-event-type] {
   display: flex;
+  align-items: center;
-  align-items: center;
+  text-decoration: none;
   &:focus {
     border-radius: $btn-border-radius;
+  }
+}
 td.day {
-  [data-toggle=popover] {
+  [data-bs-toggle=popover] {
     font-weight: $font-weight-bold;
     color: $body-color;
 .calendar-controls {
   position: relative;
   display: inline-flex;
   align-items: center;
   justify-content: space-between;
-  gap: 10px;
+  gap: 5px;
   width: 100%;
   @include media-breakpoint-between(xs, sm) {
     .arrow_link {
     background-repeat: no-repeat;
     background-position: center;
     background-size: 20px;
+  }
-  // .current {
-  //     padding: 0 20px;
-  //     line-height: 1.5;
-  //     text-align: center;
-  //     font-size: $font-size-xs;
-  // }
   .next {
     position: relative;
   .drop-target {
     box-sizing: border-box;
     border: 1px dashed var(--primary-color-300);
+  }
+  .btn-icon {
+    width: 30px;
+    min-width: 30px;
+    height: 30px;
+    margin: 0!important;
+  }
+}
       li {
         padding: 7px;
         margin-bottom: 7px;
         list-style-type: none;
-        border-radius: $btn-border-radius;
+        border-radius: $btn-border-radius-sm;
         #block-region-sidecourseblocks &,
         #block-region-side-pre & {
           margin: 1px;
-          padding: 1px;
+          // padding: 1px;
-          width: 7px;
+          // width: 7px;
-          height: 14px;
+          // height: 14px;
           display: inline-flex;
-          text-indent: -999px;
+          // text-indent: -999px;
+        }
   .calendar-controls {
+    .previous,
+    .next {
+      width: 30px;
-    .previous,
+      height: 30px;
     .next {
       .arrow {
         color: transparent;
     margin-right: 10px;
     color: $body-color;
+    .icon {
-    .icon {
+      font-size: 12px;
-      opacity: .6;
+      line-height: 20px;
+    }
+  }
   .event-icon {
     .rui-icon-container {
       display: inline-flex;
       align-items: center;
       margin-right: .5rem;
-      .icon {
+      img.icon {
         .theme-dark & {
     padding: 0.35rem 0.85rem;
     margin: 0 .5rem .25rem 0;
     font-size: $font-size-xs;
     color: $gray-900 !important;
     text-align: center;
+    text-decoration: none;
     vertical-align: baseline;
     @include border-radius();
   .theme-dark & {
     color: $dm-body-color-light;
+  }
+}
+.rui-cal-header {
+  margin-bottom: 20px;
+  gap: 5px;
+  align-items: center;
+  .select {
+    margin-left: 0!important;
+  }
+  select, .btn {
+    margin-bottom: 0;
+  }
+}
 @include media-breakpoint-between(xs, sm) {
     .custom-select,
     .btn {
       width: 100%;
       max-width: 100%;
-      margin: 0 0 10px 0 !important;
+      margin: 0 !important;
+    }
+  }
   overflow-wrap: break-word;
+}
 .description-content {
+  overflow-wrap: break-word;
-  overflow-wrap: break-word;
+  font-size: $font-size-sm;
   >p {
     margin: 0;
   #blocks-dashboardleftblock &,
   #theme_universe-drawers-blocks & {
     display: none;
+  }
+  .drawer & {
+    gap: 3px;
+    justify-content: flex-start;
+  }
   li {
     font-size: $font-size-xs;
     color: #212121;
     padding: 3px 7px !important;
   span:first-letter {
     text-transform: uppercase
+  }
+}
+.block_calendar_month {
+  .footer a {
+    width: 100%;
+  }
-.footer .bottom {
+  .footer .bottom {
-  justify-content: center;
+    justify-content: center;
-  align-items: stretch;
+    align-items: stretch;
-  grid-template-columns: repeat(auto-fill, minmax(49%, 1fr));
+    grid-template-columns: repeat(auto-fill, minmax(49%, 1fr));
-  display: grid;
+    display: grid;
+    gap: 10px;
   gap: 10px;
+}
 #sidepre-blocks,
 #block-region-sidebartb,
 #block-region-sidebarbb,

Proyectos de Subversion Moodle

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