npm - ode-csslib - Versions diffs - 4.0.13-dev.202306071801 → 4.0.13-dev.202306121000 - Mend

ode-csslib 4.0.13-dev.202306071801 → 4.0.13-dev.202306121000

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (15) hide show

package/dist/version.txt CHANGED Viewed

	@@ -1 +1 @@
1	- entcore-css-lib=4.0-dev-SNAPSHOT 07/06/2023 18:01:45
1	+ entcore-css-lib=4.0-dev-SNAPSHOT 12/06/2023 10:01:26

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "ode-csslib",
-  "version": "4.0.13-dev.202306071801",
+  "version": "4.0.13-dev.202306121000",
   "description": "Open Digital Education Legacy CSS framework",
   "scripts": {
     "copy-fonts": "cpr node_modules/entcore-generic-icons/fonts/ assets/fonts/generic-icons/ -o",

package/scss/specifics/formulaire/components/_icon.scss CHANGED Viewed

@@ -101,6 +101,11 @@ i {
     content: "\F09C";
   }
+  &.i-earth::before {
+    font-family: 'formulaire-mdi';
+    content: "\F1E7";
+  }
   &.i-cancel::before {
     font-family: 'formulaire-mdi';
     content: "\F156";

package/scss/specifics/formulaire/components/containers/_index.scss CHANGED Viewed

@@ -1 +1,2 @@
-@import 'cursor/index';
+@import 'cursor/index';
+@import 'tree/tree';

package/scss/specifics/formulaire/components/containers/tree/_tree.scss ADDED Viewed

@@ -0,0 +1,81 @@
+.tree-view {
+  min-height: calc(100vh - 74px - 8px - 60px - 60px - 32px);
+  text-align: center;
+  .tree-legend{
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    font-style: italic;
+  }
+  &-question {
+    background: white;
+    height: 32px;
+    width: calc(((100vw - 70px - 32px) / 3) - 16px);
+    min-width: calc(300px - 16px);
+    margin: 8px;
+    border-radius: 8px;
+    box-shadow: 0 2px 5px 2px #bfbfbf7d;
+    display: flex;
+    align-items: center;
+    img {
+      margin: 0 16px;
+    }
+  }
+  &-section {
+    background: white;
+    width: calc((100vw - 70px - 32px) /3);
+    min-width: 300px;
+    margin: 8px;
+    border-radius: 5px;
+    box-shadow: 0 2px 5px 2px #bfbfbf7d;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    .top {
+      background: $formulaire-blue;
+      color: white;
+      min-height: 32px;
+      border-radius: 5px 5px 0 0;
+      display: flex;
+      align-items: center;
+      &.no-main {
+        border-radius: 3px 3px;
+        justify-content: center;
+      }
+      .title {
+        margin-left: 8px;
+      }
+    }
+    .main {
+      min-height: 32px;
+      padding: 8px 0;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      text-align: center;
+    }
+  }
+  svg {
+    border: 1px solid #ddd;
+    .node rect {
+      fill: transparent;
+    }
+    .edgePath path {
+      stroke: $formulaire-blue;
+      fill: $formulaire-blue;
+      stroke-width: 1.5px;
+    }
+  }
+}

package/scss/specifics/lystore/components/parameter/_parameter-active-structure.scss CHANGED Viewed

@@ -5,6 +5,13 @@
     right: -250px;
     top: 146px;
     width: 290px;
+    bottom:0;
+    &-list{
+      position: absolute;
+      overflow-y: scroll;
+      height: 93%;
+      bottom: 0;
+    }
     &.show{
       right: 0px;
       transition: right 250ms ease;

package/scss/specifics/magneto/components/containers/_board.scss CHANGED Viewed

@@ -4,7 +4,6 @@
     background: $magneto-white;
     padding: $spacing-M;
     padding-left: $spacing-XM;
-    z-index: 2;
     @include noTextOverflow(1);
     h1 {
       font-family: $magneto-font-secondary;
@@ -25,13 +24,13 @@
     &-description {
       height: 64px;
       overflow-y: auto;
+      white-space: pre-line;
     }
   }
   &-header-mobile {
     background: $magneto-white;
-    padding: $spacing-LXS;
-    z-index: 2;
+    padding: $spacing-LXS $spacing-LXS $spacing-LXS 73px;
     top: -12px;
     @include noTextOverflow(1);

package/scss/specifics/magneto/components/directives/_board-list-item.scss CHANGED Viewed

@@ -19,7 +19,6 @@
   @include mobile {
     width: 170px;
-    height: 183px;
   }
   &-image {
@@ -32,13 +31,13 @@
       height: 100%;
       width: 100%;
       object-fit: cover;
-      margin: 5px;
+      border-radius: 10px 10px 0 0;
     }
   }
   &-infos {
-    height: 40%;
-    margin: 4%;
+    height: 25%;
+    margin: 2% 4% 6% 4%;
     flex-direction: column;
     &-title {

package/scss/specifics/magneto/components/directives/_board-nav.scss CHANGED Viewed

@@ -11,6 +11,8 @@
       align-items: flex-start;
       justify-content: center;
       box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
+      overflow-y: auto;
+      overflow-x: hidden;
       a {
         color: $magneto-black !important;
@@ -38,8 +40,12 @@
         align-items: center;
         justify-content: space-between;
         flex-direction: column;
-        margin-top: 200px;
+        margin-top: 180px;
         height: 72%;
+        transition: margin-top 0.2s ease-in-out;
+        @media screen and (max-height: $magneto-screen-mobile) {
+          margin-top: 60px;
+        }
         .item {
           display: block;

package/scss/specifics/presences/components/_index.scss CHANGED Viewed

@@ -22,4 +22,6 @@
 @import "statements-absence-form";
 @import "editor";
 @import "events-legend";
-@import "events-table";
+@import "events-table";
+@import "init-1d-lightbox";
+@import "init-teachers-lightbox";

package/scss/specifics/presences/components/_init-1d-lightbox.scss ADDED Viewed

@@ -0,0 +1,106 @@
+.init-1d-lightbox {
+  .content {
+    width: 75%;
+    .init-1d-lightbox-body {
+      padding: 20px;
+      &-warning {
+        font-weight: bold;
+      }
+      &-schoolyear {
+        display: flex;
+        flex-direction: column;
+        &-title {
+            font-weight: bold;
+        }
+        &-content {
+          display: flex;
+          &-date {
+            margin-right: 16px;
+            .date-picker {
+              margin: 8px;
+            }
+          }
+        }
+      }
+      &-timetable {
+        &-title {
+          font-weight: bold;
+        }
+        &-content {
+          &-hours {
+            margin: 8px 0;
+            .card {
+              padding: 4px;
+              margin-right: 8px;
+            }
+            .time-picker {
+              input[type="time"] {
+                height: 15px !important;
+              }
+              input[type="time"]::-webkit-calendar-picker-indicator {
+                background: none;
+                display: none;
+              }
+            }
+          }
+          &-days {
+            display: flex;
+            margin: 16px 0;
+            align-items: center;
+          }
+        }
+      }
+      &-holidays {
+        &-title {
+          font-weight: bold;
+        }
+        &-content {
+          display: flex;
+          flex-direction: row;
+          &-system-select {
+            display: flex;
+            flex-direction: column;
+            .md-radio {
+                margin: 16px 0;
+            }
+          }
+          &-zone-select {
+            display: flex;
+            padding: 18px;
+            &-zones {
+              margin-left: 16px;
+            }
+          }
+        }
+      }
+    }
+  }
+}

package/scss/specifics/presences/components/_init-teachers-lightbox.scss ADDED Viewed

@@ -0,0 +1,71 @@
+.init-teachers-lightbox {
+  .content {
+    width: 50%;
+    background: $presences-body;
+  }
+  &-head {
+    h3 {
+      // Styles
+    }
+  }
+  &-body {
+    &-info {
+      padding: 20px;
+      display: flex;
+      flex-direction: column;
+      b {
+        margin-bottom: 16px;
+      }
+    }
+    &-teachers {
+      padding: 20px;
+      background: $presences-white;
+      h2 {
+        // Styles
+      }
+      &-list {
+        height: 220px;
+        overflow-y: scroll;
+        background: $presences-body;
+        ul {
+          padding: 0;
+          margin: 0;
+        }
+        &-item {
+          display: flex;
+          flex-direction: row;
+          padding: 8px;
+          border-bottom: 1px solid $presences-grey-light;
+          align-items: center;
+          &-picture {
+            margin-right: 8px;
+            img {
+              border-radius: 50%;
+            }
+          }
+        }
+      }
+      &-count {
+        padding: 12px;
+        font-weight: bold;
+        display: flex;
+        flex-direction: row;
+        box-shadow: 0px 2px 4px 0px $presences-grey;
+        justify-content: flex-end;
+      }
+    }
+  }
+}

package/scss/specifics/presences/components/containers/_calendar.scss CHANGED Viewed

@@ -295,6 +295,12 @@ $calendar-user-card-height: 56px;
           .data > em.metadata {
             margin-right: 4px;
+            max-width: -moz-calc(20% - 4px);
+            max-width: calc(20% - 4px);
+            text-overflow: ellipsis;
+            overflow: hidden;
+            white-space: nowrap;
           }
           &.contains-absence, &.contains-absenceReason {
@@ -507,7 +513,7 @@ $calendar-user-card-height: 56px;
             }
             > div {
-              display: inline-block;
+              display: inline;
             }
           }
         }