ode-csslib 4.0.0-dev.202212011541 → 4.0.0-dev.202212191021

package/dist/version.txt

@@ -1 +1 @@
-entcore-css-lib=4.0-dev-SNAPSHOT 01/12/2022 15:41:30
+entcore-css-lib=4.0.2 19/12/2022 10:21:31

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ode-csslib",
-  "version": "4.0.0-dev.202212011541",
+  "version": "4.0.0-dev.202212191021",
   "description": "Open Digital Education Legacy CSS framework",
   "scripts": {
     "copy-fonts": "cpr node_modules/entcore-generic-icons/fonts/ assets/fonts/generic-icons/ -o",
@@ -43,7 +43,7 @@
     "sass": "^1.49.9"
   },
   "dependencies": {
-    "entcore-generic-icons": "git+https://github.com/opendigitaleducation/generic-icons.git"
+    "entcore-generic-icons": "git+https://github.com/opendigitaleducation/generic-icons.git#master"
   },
   "files": ["assets", "scss", "dist"]
 }

package/scss/_app.scss

@@ -73,6 +73,23 @@ html.print {
   cursor: pointer;
 }
 
+.back-lightbox {
+    margin: 0;
+    display: flex;
+    color: #4A4A4A;
+    align-items: center;
+
+    .icon-left {
+      fill: #4A4A4A;
+      margin-right: 5px;
+      margin-top: 3px;
+    }
+
+    span {
+      font-size: 14px;
+    }
+}
+
 .lightbox-view {
   @include lightbox-window;
   width: 800px;

package/scss/icons/_pictos.scss

@@ -528,7 +528,7 @@ i.website,
 i.website-large {
   @include fonticon;
   &::before {
-    content: "\e94a";
+    content: "\e90a";
   }
 }
 
@@ -587,3 +587,39 @@ i.recurrent {
     content: "\e958";
   }
 }
+
+i.forms,
+i.forms-large,
+i.formulaire,
+i.formulaire-large {
+  @include fonticon;
+  &::before {
+    content: "\e95c";
+  }
+}
+
+i.presences,
+i.presences-large,
+i.absences,
+i.absences-large {
+  @include fonticon;
+  &::before {
+    content: "\e95d";
+  }
+}
+
+i.competences,
+i.competences-large {
+  @include fonticon;
+  &::before {
+    content: "\e927";
+  }
+}
+
+i.web-conference,
+i.web-conference-large {
+  @include fonticon;
+  &::before {
+    content: "\e957";
+  }
+}

package/scss/modules/_lists.scss

@@ -1,3 +1,7 @@
+.list-ctn {
+  overflow-x: scroll;
+}
+
 .list-view {
   margin-top: 15px;
 

package/scss/modules/_modules.scss

@@ -66,6 +66,7 @@
 @import "pick-files";
 @import "pills";
 @import "popover";
+@import "profil";
 @import "progress-bar";
 @import "pull-down-menu";
 @import "pulsar";

package/scss/modules/_profil.scss

@@ -0,0 +1,85 @@
+@media screen and (min-width: $wide-screen) {
+    .profil-flex {
+        .email-ellipsis {
+            @include cell-ellipsis;
+            max-width: 410px;
+        }
+    }
+}
+
+@media screen and (min-width: $fat-tablette) and (max-width: $wide-screen) {
+    .profil-flex {
+        .email-ellipsis {
+            @include cell-ellipsis;
+            max-width: 310px;
+        }
+    }
+}
+
+@media screen and (min-width: $tablette) and (max-width: $fat-tablette) {
+    .profil-flex {
+        .email-ellipsis {
+            @include cell-ellipsis;
+            max-width: 180px;
+        }
+    }
+}
+
+@media screen and (min-width: $fat-mobile) and (max-width: $tablette) {
+    .profil-flex {
+        .email-ellipsis {
+            @include cell-ellipsis;
+            max-width: 250px;
+        }
+    }
+}
+
+@media screen and (max-width: $fat-mobile) {
+    .profil-flex {
+        .email-ellipsis {
+            @include cell-ellipsis;
+            max-width: 150px;
+        }
+    }
+}
+
+.h2-hobbies {
+    margin-bottom: 10px!important;
+}
+
+.bloc-hobbies {
+    display: flex;
+    align-items: center;
+    margin-bottom: 15px;
+}
+
+.profil-flex {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+
+    .flex-flow {
+        flex-flow: wrap;
+    }
+
+    em {
+        color: #8c939e;
+    }
+
+    .one {
+        display: flex;
+        justify-content: center;
+    }
+
+    .email-ellipsis {
+        margin-right: 20px;
+    }
+
+    .email-ellipsis + .icon-verified {
+        margin-right: 20px;
+    }
+
+    input[type=text]:placeholder-shown {
+        text-overflow: ellipsis;
+    }
+}

package/scss/specifics/_.scss

@@ -1,6 +1,7 @@
 @import "./cahier-de-textes/cahier-de-textes";
 @import "./calendar/calendar";
 @import "./class-admin/class-admin";
+@import "./crre/crre";
 @import "./exercizer/exercizer";
 @import "./formulaire/formulaire";
 @import "./rbs/rbs";
@@ -29,6 +30,8 @@
 @import "./incidents/incidents";
 @import "./massmailing/massmailing";
 @import "./statistics-presences/statistics-presences";
+@import "./magneto/magneto";
+@import "./minibadge/minibadge";
 
 // TO DO: Remove these specifics rules for calendar (WB-870)
 

package/scss/specifics/calendar/_calendar.scss

@@ -1,10 +1,8 @@
 body.calendar {
-
-  @import "./mixins";
-  @import './components/index';
+  @import "mixins";
+  @import "components/index";
 
   .calendar.widget {
-
     span.last-events-widget {
       white-space: nowrap;
       overflow: hidden;
@@ -32,8 +30,8 @@ body.calendar {
       }
     }
   }
+}
 
-  calendar .week-switcher .date-picker-icon {
-    margin-left: 0 !important;
-  }
-}
+calendar .week-switcher .date-picker-icon {
+  margin-left: 0 !important;
+}

package/scss/specifics/calendar/components/_edit-event.scss

@@ -1,4 +1,8 @@
 .editEvent {
+  &-time {
+    margin-bottom: 15px !important;
+  }
+
   &-itemColumn {
     width: max-content;
   }

package/scss/specifics/calendar/components/_index.scss

@@ -1,4 +1,4 @@
-@import "additional.scss";
+@import "additional";
 @import "calendar";
 @import "jquery.timepicker";
 @import "timepicker";

package/scss/specifics/calendar/components/calendar.scss

@@ -181,6 +181,10 @@ calendar {
     .calendar-current-week {
         max-height: unset;
     }
+
+    .day-number {
+        pointer-events: none !important;
+    }
 }
 
 h1 a {

package/scss/specifics/class-admin/components/_choose-class.scss

@@ -1,11 +1,6 @@
 @import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&display=swap');
 
 .choose-class {
-    h2 {
-        color: $grey-black;
-        font-family: 'Comfortaa';
-    }
-
     .step-hint {
         color: $grey-black;
         line-height: 24px;

package/scss/specifics/competences/_competences.scss

@@ -25,4 +25,16 @@
 @import "./sniplets/memento-notes";
 @import "./components/_radioPillbox";
 @import "./components/_tableNote";
-@import "./components/proportionSuiviCompetence";
+@import "./components/_materialize";
+@import "./components/proportionSuiviCompetence";
+@import "./sniplets/switch";
+@font-face {
+  font-family: 'material-icons';
+  src: url('/competences/public/font/material-design/fonts/materialdesignicons-webfont.eot');
+  src: url('/competences/public/font/material-design/fonts/materialdesignicons-webfont.eot') format('embedded-opentype'),
+  url('/competences/public/font/material-design/fonts/materialdesignicons-webfont.woff2') format('woff2'),
+  url('/competences/public/font/material-design/fonts/materialdesignicons-webfont.woff2') format('woff'),
+  url('/competences/public/font/material-design/fonts/materialdesignicons-webfont.ttf') format('truetype');
+  font-weight: normal;
+  font-style: normal;
+}