ode-csslib 4.0.1 → 4.0.3

package/scss/specifics/formulaire/components/_index.scss

@@ -1,9 +1,11 @@
-@import "./dominos";
-@import "./edit-form";
-@import "./folder";
-@import "./icon";
-@import "./loader";
-@import "./new-element";
-@import "./progress-bar";
-@import "./respond-question";
-@import "./result-form";
+@import "dominos";
+@import "edit-form";
+@import "folder";
+@import "icon";
+@import "loader";
+@import "new-element";
+@import "progress-bar";
+@import "prop-form";
+@import "respond-question";
+@import "result-form";
+@import "sortable";

package/scss/specifics/formulaire/components/_new-element.scss

@@ -23,12 +23,12 @@
 
     .dominos {
       display: grid;
-      grid-template-columns: 1fr 1fr 1fr;
+      grid-template-columns: 1fr 1fr 1fr 1fr;
       grid-row-gap: 5%;
       margin: 2% 10% 7%;
 
       @media screen and (max-width: $formulaire-screen-mobile) {
-        grid-template-columns: 1fr 1fr 1fr;
+        grid-template-columns: 1fr 1fr 1fr 1fr;
         grid-row-gap: 5%;
         overflow-y: scroll;
       }

package/scss/specifics/formulaire/components/_prop-form.scss

@@ -0,0 +1,96 @@
+// Prop-form
+
+.prop-form {
+  display: flex;
+  justify-content: center;
+
+  .item {
+    width: 60%;
+    @media screen and (max-width: $formulaire-screen-laptop) { width: 100%; }
+
+    .domino {
+      .picture {
+        &:hover {
+          cursor: pointer;
+        }
+
+        image-select {
+          width: 100%;
+        }
+      }
+
+      .data {
+        padding: 10px 20px;
+
+        &-text {
+          .title {
+            font-weight: bold;
+            margin: 10px 0 5px 0;
+          }
+
+          .interval {
+            font-size: 12px;
+            @media screen and (max-width: $formulaire-screen-mobile) {
+              margin-left: 5px;
+            }
+
+            .opening { margin-right: 10px; }
+
+            input {
+              text-align: center;
+              @media screen and (max-width: $formulaire-screen-mobile) {
+                font-size: 10px;
+              }
+            }
+          }
+
+          .public, .multiple, .editable, .anonymous, .notified, .collectData {
+            font-size: 12px;
+            display: flex;
+            align-items: baseline;
+            margin-bottom: 1%;
+            min-height: 24px;
+
+            .text {
+              display: flex;
+              flex-direction: column;
+              margin-left: 5px;
+            }
+          }
+
+          .subtext {
+            width: 100%;
+
+            .infos {
+              margin: 2% 2% 2% calc(25px + 2%);
+              width: 100%;
+
+              .goal input {
+                margin: 0;
+                font-size: 12px;
+              }
+            }
+
+            .description {
+              border: solid 1px $formulaire-grey;
+              padding: 2%;
+            }
+          }
+        }
+
+        &-bottom {
+          display: flex;
+          justify-content: flex-end;
+          align-items: flex-end;
+          @media screen and (max-width: $formulaire-screen-mobile) {
+            margin-top: 5%;
+          }
+
+          &.date {
+            justify-content: space-between;
+          }
+        }
+      }
+    }
+  }
+}

package/scss/specifics/formulaire/components/_respond-question.scss

@@ -76,4 +76,23 @@
   &-main {
 
   }
+}
+
+.matrix-table {
+  margin-top: 3%;
+  table-layout: fixed;
+
+  thead tr {
+    background: none;
+    color: inherit;
+    border-bottom: 1px solid $accent;
+  }
+
+  thead th, tbody tr {
+    text-align: center;
+  }
+
+  th:first-child, td:first-child {
+    border-right: 1px solid $accent;
+  }
 }

package/scss/specifics/formulaire/components/_result-form.scss

@@ -95,10 +95,14 @@
         margin-left: 25px;
       }
 
-      &-camembert {
+      &-camembert, &-histogram {
         display: flex;
         justify-content: center;
       }
+
+      .apexcharts-toolbar {
+        display: none;
+      }
     }
 
     .buttons {

package/scss/specifics/formulaire/components/_sortable.scss

@@ -0,0 +1,5 @@
+.sortable {
+  &-ghost {
+    opacity: 0.4;
+  }
+}

package/scss/specifics/geogebra/_geogebra.scss

@@ -1,4 +1,4 @@
-body.geogebra section.main {
+body.geogebra {
   @import './components/index';
   .ggbmenubarwrapper {
     button{
@@ -13,4 +13,10 @@ body.geogebra section.main {
   .box-shadow-button {
     box-shadow: 2px 2px 3px grey;
   }
+  .toaster-right {
+    float: right;
+  }
+  .top-index {
+    z-index: 10;
+  }
 }

package/scss/specifics/geogebra/components/_toasts.scss

@@ -5,9 +5,8 @@
   width: 350px;
   z-index: 999999;
   box-sizing: border-box;
-
   .toast-content {
-    @include material-card();
+    //@include material-card();
     margin-bottom: 10px;
     position: relative;
     opacity: 0;
@@ -18,69 +17,55 @@
     height: 0 !important;
     overflow: hidden;
     transition: all 0.25s ease;
-
     .content {
       padding: 15px 10px;
       line-height: 28px;
-
       &:before {
         @include fonticon();
         margin-right: 10px;
       }
     }
-
     &.show {
       margin-top: 10px !important;
       opacity: 1;
       height: auto !important;
       overflow: auto !important;
     }
-
     &.confirm {
       color: darken($green, 35%);
       background-color: lighten($green, 30%);
-
       .content:before {
         content: '\e871';
       }
-
       .timer {
         background-color: darken($green, 15%);
       }
     }
-
     &.info {
       color: darken($cyan, 35%);
       background-color: lighten($cyan, 30%);
-
       .content:before {
         content: '\e84b';
       }
-
       .timer {
         background-color: darken($cyan, 15%);
       }
     }
-
     &.warning {
       color: darken($warning-color, 35%);
       background-color: lighten($warning-color, 30%);
-
       .content:before {
         content: '\e903';
       }
-
       .timer {
         background-color: darken($warning-color, 15%);
       }
     }
-
     &.info, &.warning {
       .content:before {
         font-size: 20px !important;
       }
     }
-
     .timer {
       width: 100%;
       position: absolute;
@@ -92,7 +77,6 @@
       transition-timing-function: linear;
       transition-property: all;
       transition-duration: 3s;
-
       &.animation {
         width: 0;
         border-bottom-right-radius: 0;

package/scss/specifics/lool-connector/_sniplet.scss

@@ -58,13 +58,13 @@
             }
           }
 
-          &.odp {
+          &.pptx, &.odp {
             &::before {
               content: '\e85f'
             }
           }
 
-          &.ods {
+          &.xlsx, &.ods {
             &::before {
               content: '\e881'
             }

package/scss/specifics/magneto/_magneto.scss

@@ -0,0 +1,41 @@
+@import url("https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&display=swap");
+
+@font-face {
+  font-family: 'magneto-mdi';
+  src: url('/magneto/public/mdi/materialdesignicons-webfont.eot');
+  src: url('/magneto/public/mdi/materialdesignicons-webfont.eot') format('embedded-opentype'),
+  url('/magneto/public/mdi/materialdesignicons-webfont.woff2') format('woff2'),
+  url('/magneto/public/mdi/materialdesignicons-webfont.woff2') format('woff'),
+  url('/magneto/public/mdi/materialdesignicons-webfont.ttf') format('truetype');
+  font-weight: normal;
+  font-style: normal;
+}
+
+body.magneto,.sniplet.magneto {
+  @import "mixins";
+  @import "generics/index";
+  @import "components/index";
+
+  section.main {
+    top: 56px !important;
+
+    #directory + div.cell {
+      box-shadow: 0 5px 5px rgba(0, 0, 0, 0.21);
+    }
+  }
+
+  h1 {
+    font-size: 28px;
+    line-height: 40px;
+    color: $magneto-blue;
+    font-weight: bold;
+  }
+
+  h2 {
+    font-size: 20px;
+    line-height: 40px;
+    font-weight: bold;
+  }
+}
+
+

package/scss/specifics/magneto/_mixins.scss

@@ -0,0 +1,95 @@
+$magneto-yellow: #ffb600;
+$magneto-yellow-ochre: #ecbe30;
+$magneto-white: #ffffff;
+$magneto-lighter-grey: #ebebeb;
+$magneto-light-grey: #d6d6d6;
+$magneto-grey-blue: #f4fAfd;
+$magneto-white-blue: #e3f1f7;
+$magneto-black: #000000;
+$magneto-grey: #aaaaaa;
+$magneto-black-light: #555555;
+$magneto-dark-blue: #368daf;
+$magneto-blue: #67add1;
+$magneto-sky-blue: #2a9cc8;
+$magneto-light-sky-blue: #4bafd5;
+$magneto-light-blue: #78c5e2;
+$magneto-lighter-blue: #bde4f9;
+$magneto-orange: #ff8500;
+$magneto-red: #e61610;
+
+$magneto-font-secondary: 'Comfortaa', cursive;
+
+$magneto-screen-mobile: 768px;
+
+
+
+@mixin mobile {
+  @media (max-width: $magneto-screen-mobile) {
+    @content;
+  }
+}
+
+@mixin desktop {
+  @media (min-width: 769px) {
+    @content;
+  }
+}
+
+@mixin paddingX($size) {
+  padding-left: $size;
+  padding-right: $size;
+}
+
+@mixin paddingY($size) {
+  padding-bottom: $size;
+  padding-top: $size;
+}
+
+@mixin marginX($size) {
+  margin-left: $size;
+  margin-right: $size;
+}
+
+@mixin marginY($size) {
+  margin-bottom: $size;
+  margin-top: $size;
+}
+
+@mixin lightboxWidth($width) {
+  section.lightbox {
+    .content {
+      width: $width !important;
+    }
+  }
+}
+
+@mixin noTextOverflow($nbLines) {
+  display: -webkit-box;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  -webkit-line-clamp: $nbLines !important;
+  /*! autoprefixer: off */
+  -webkit-box-orient: vertical;
+  /*! autoprefixer: on */
+}
+
+@mixin navbarBorderBottom($size) {
+  padding-top: $size;
+  border-bottom: solid $size;
+  box-sizing: border-box;
+}
+
+/* ----------------------------
+    Spacing
+---------------------------- */
+$spacing-XXL: 68px;
+$spacing-XML: 60px;
+$spacing-XM: 48px;
+$spacing-XL: 42px;
+$spacing-L: 24px;
+$spacing-M: 16px;
+$spacing-S: 12px;
+$spacing-XLXS: 10px;
+$spacing-LXS: 8px;
+$spacing-6: 6px;
+$spacing-XXS: 4px;

package/scss/specifics/magneto/components/_buttons.scss

@@ -0,0 +1,12 @@
+button, a.button {
+  color: $magneto-white;
+
+  &:disabled {
+    background: $magneto-black-light;
+  }
+
+  &.cancel {
+    background: $magneto-grey;
+    color: $magneto-white;
+  }
+}

package/scss/specifics/magneto/components/_icons.scss

@@ -0,0 +1,187 @@
+i {
+  &.magneto-magnet::before {
+    font-family: 'magneto-mdi';
+    content: '\F0347';
+  }
+
+  &.magneto-calendar::before {
+    font-family: 'magneto-mdi';
+    content: '\F00EE';
+  }
+
+  &.magneto-sort-alphabetical::before {
+    font-family: 'magneto-mdi';
+    content: '\F04BB';
+  }
+
+  &.magneto-filter::before {
+    font-family: 'magneto-mdi';
+    content: '\F0232';
+  }
+
+  &.magneto-view-list::before {
+    font-family: 'magneto-mdi';
+    content: '\F0572';
+  }
+
+  &.magneto-view-module::before {
+    font-family: 'magneto-mdi';
+    content: '\F0573';
+  }
+
+  &.magneto-folder::before {
+    font-family: 'magneto-mdi';
+    content: '\F024B';
+  }
+
+  &.magneto-folder-plus::before {
+    font-family: 'magneto-mdi';
+    content: '\F0257';
+  }
+
+  &.magneto-check-decagram::before {
+    font-family: 'magneto-mdi';
+    content: '\F0791';
+  }
+
+  &.magneto-share-variant::before {
+    font-family: 'magneto-mdi';
+    content: '\F0497';
+  }
+
+  &.magneto-delete-forever::before {
+    font-family: 'magneto-mdi';
+    content: '\F05E8';
+  }
+
+  &.magneto-chevron-right::before {
+    font-family: 'magneto-mdi';
+    content: '\F0142';
+  }
+
+  &.magneto-chevron-left::before {
+    font-family: 'magneto-mdi';
+    content: '\F0141'
+  }
+
+  &.magneto-chevron-down::before {
+    font-family: 'magneto-mdi';
+    content: '\F0140'
+  }
+
+  &.magneto-magnify::before {
+    font-family: 'magneto-mdi';
+    content: '\F0349';
+  }
+
+  &.magneto-folder-open::before {
+    font-family: 'magneto-mdi';
+    content: '\F0770';
+  }
+
+  &.magneto-card-settings::before {
+    font-family: 'magneto-mdi';
+    content: '\F01D9';
+  }
+
+  &.magneto-text::before {
+    font-family: 'magneto-mdi';
+    content: '\F027F';
+    transform: scaleX(-1);
+  }
+
+  &.magneto-image::before {
+    font-family: 'magneto-mdi';
+    content: '\F02E9';
+  }
+
+  &.magneto-video::before {
+    font-family: 'magneto-mdi';
+    content: '\F040C';
+  }
+
+  &.magneto-file::before {
+    font-family: 'magneto-mdi';
+    content: '\F0222';
+  }
+
+  &.magneto-link::before {
+    font-family: 'magneto-mdi';
+    content: '\F0337';
+  }
+
+  &.magneto-card::before {
+    font-family: 'magneto-mdi';
+    content: '\F196C';
+  }
+
+  &.magneto-audio::before {
+    font-family: 'magneto-mdi';
+    content: '\F0387';
+  }
+
+  &.magneto-settings::before {
+    font-family: 'magneto-mdi';
+    content: '\F0493';
+  }
+
+  &.magneto-edit::before {
+    font-family: 'magneto-mdi';
+    content: '\F03EB'
+  }
+
+  &.magneto-duplicate::before {
+    font-family: 'magneto-mdi';
+    content: '\F1032'
+  }
+
+  &.magneto-hide::before {
+    font-family: 'magneto-mdi';
+    content: '\F0209'
+  }
+
+  &.magneto-show::before {
+    font-family: 'magneto-mdi';
+    content: '\F0208'
+  }
+
+  &.magneto-delete::before {
+    font-family: 'magneto-mdi';
+    content: '\F01B4'
+  }
+
+  &.magneto-arrow-left::before {
+    font-family: 'magneto-mdi';
+    content: '\F030D'
+  }
+
+  &.magneto-check-circle::before {
+    font-family: 'magneto-mdi';
+    content: '\F05E0';
+  }
+
+  &.magneto-crown::before {
+    font-family: 'magneto-mdi';
+    content: '\F01A5';
+  }
+
+  &.magneto-earth::before {
+    font-family: 'magneto-mdi';
+    content: '\F01E7';
+  }
+
+  &.magneto-card-preview::before {
+    font-family: 'magneto-mdi';
+    content: '\F0E82';
+  }
+
+  &.magneto-card-move::before {
+    font-family: 'magneto-mdi';
+    content: '\F1682';
+  }
+
+  &.magneto-play::before {
+    font-family: 'magneto-mdi';
+    content: '\F040A';
+  }
+}

package/scss/specifics/magneto/components/_index.scss

@@ -0,0 +1,6 @@
+ @import 'containers/index';
+ @import 'directives/index';
+ @import 'switch';
+ @import 'buttons';
+ @import 'icons';
+ @import 'lightbox';

package/scss/specifics/magneto/components/_lightbox.scss

@@ -0,0 +1,21 @@
+.lightbox {
+  z-index: 100030;
+  height: auto;
+
+  .content {
+    padding-top: 0;
+    overflow-y: scroll !important;
+    @include mobile {
+      width: 80% !important;
+    }
+  }
+
+  section.head {
+    padding: 1px 15px !important;
+    border-radius: 5px 5px 0 0;
+  }
+
+  section.body {
+    padding: 8px 20px;
+  }
+}