ode-csslib 1.0.0-dev-produit.202209220950

package/scss/modules/_widgets.scss

@@ -0,0 +1,166 @@
+/// GLOBAL
+
+.widgets-friend {
+  margin-left: 276px;
+  @include run-transition(margin-left);
+}
+
+.widgets-friend.widgets-enemy {
+  margin-left: 15px;
+}
+
+.widgets {
+  width: 276px;
+  @include cell;
+  @include reduce-block(6px);
+  @include run-transition(width);
+  min-height: 100vh;
+  padding: 10px;
+  display: table-cell;
+}
+
+.widgets.hidden {
+  width: 0;
+}
+
+.widget-container {
+  width: 259px;
+}
+
+/// SPECIFIC
+
+.birthday {
+  @include widget-container(35px);
+  margin-bottom: 25px;
+  background-color: #eee;
+  h1 {
+    margin: 0;
+    position: absolute;
+    top: 0;
+  }
+
+  nav.vertical {
+    padding: 0;
+
+    ul {
+      margin: 0;
+      width: 100%;
+      li {
+        padding: 0;
+        margin: 0;
+        a {
+          border: 0;
+          margin: 0;
+          padding: 5px;
+          display: block;
+          white-space: normal;
+          .user {
+            display: inline-block;
+            width: 20%;
+            height: 100%;
+            line-height: 100%;
+            vertical-align: middle;
+            p {
+              margin: 0;
+              word-break: normal;
+            }
+          }
+          .date {
+            @include right-magnet;
+            display: inline-block;
+            vertical-align: middle;
+            h2,
+            h4 {
+              margin: 0;
+            }
+            h4 {
+              font-size: 12px;
+              font-weight: normal;
+            }
+          }
+
+          img {
+            height: 35px;
+            width: 35px;
+            vertical-align: middle;
+            margin-right: 10px;
+          }
+        }
+      }
+    }
+  }
+}
+
+.calendar.widget {
+  height: 160px;
+  .content {
+    @include absolute;
+    height: 104px;
+  }
+
+  .day {
+    width: 14.2%;
+    height: 17px;
+    text-align: center;
+    padding-top: 2px;
+    @include cell;
+  }
+
+  .current-month-header {
+    position: absolute;
+    width: 100%;
+    text-align: center;
+    top: 26px;
+    margin-top: 0px;
+    margin-bottom: 10px;
+  }
+}
+
+.mood-widget {
+  padding-top: 25px;
+  margin-bottom: 15px;
+  height: 55px;
+  width: 215px;
+
+  h1 {
+    position: absolute;
+    left: 80px;
+    top: 16px;
+    white-space: nowrap;
+    color: transparent;
+  }
+
+  .icons-select {
+    .options-list {
+      top: 25px;
+      width: 450px;
+    }
+
+    .current {
+      span {
+        position: absolute;
+        top: 0px;
+        left: 80px;
+        height: 20px;
+        width: 128px;
+        text-align: left;
+        padding-left: 15px;
+        padding-top: 0px;
+        padding-bottom: 3px;
+      }
+    }
+  }
+}
+
+/// WIDGETS ?
+
+.last-mails-widget {
+  width: 256px;
+}
+
+.rss-flux {
+  i {
+    display: inline !important;
+    font-style: italic;
+  }
+}

package/scss/modules/_wizard.scss

@@ -0,0 +1,52 @@
+.wizard {
+  .search-results {
+    max-height: 200px;
+    overflow: auto;
+  }
+
+  display: table;
+  width: 100%;
+  min-height: 350px;
+
+  nav.steps {
+    display: table-cell;
+    vertical-align: top;
+    min-width: 200px;
+    margin: 0;
+    height: 100%;
+
+    ul {
+      padding: 0;
+      margin: 0;
+
+      li {
+        list-style-type: none;
+        padding: 7px;
+      }
+
+      li.active {
+        font-weight: bold;
+      }
+    }
+  }
+
+  .current-step {
+    vertical-align: top;
+    padding-left: 20px;
+    padding-bottom: 60px;
+    padding-top: 15px;
+
+    h1:first-child {
+      margin-top: 0;
+    }
+
+    display: table-cell;
+    width: 100%;
+
+    > nav {
+      position: absolute;
+      bottom: 10px;
+      right: 10px;
+    }
+  }
+}

package/scss/specifics/_.scss

@@ -0,0 +1,25 @@
+@import "./cahier-de-textes/cahier-de-textes";
+@import "./calendar/calendar";
+@import "./class-admin/class-admin";
+@import "./exercizer/exercizer";
+@import "./formulaire/formulaire";
+@import "./rbs/rbs";
+@import "./edt/edt";
+@import "./competences/competences";
+@import "./vie-scolaire/vie-scolaire";
+@import "./minetest/minetest";
+@import "./mindmap/mindmap";
+@import "./nextcloud/nextcloud";
+@import "./geogebra/geogebra";
+@import "./web-conference/web-conference";
+@import "./ressource-aggregator/ressource-aggregator";
+@import "./lystore/lystore";
+@import "./homework-assistance/homework-assistance";
+@import "./mediacentre/mediacentre";
+@import "./gar-connector/gar-connector";
+@import "./lool-connector/lool-connector";
+@import "./moodle-connector/moodle-connector";
+@import "./pmb-connector/pmb-connector";
+@import "./zimbra-connector/zimbra-connector";
+@import "./forum/forum";
+@import "./support/support";

package/scss/specifics/cahier-de-textes/_cahier-de-textes.scss

@@ -0,0 +1,7 @@
+body.cdt, .sniplet.cdt {
+  input[type="radio"], .contentTab {
+    display: inline-block;
+  }
+  @import "./components/index";
+  @import "./generics/index";
+}

package/scss/specifics/cahier-de-textes/components/_administrator-page.scss

@@ -0,0 +1,249 @@
+.global-administrator-page {
+  &-header {
+    position: relative;
+  }
+  h1 {
+    flex-shrink: 0;
+    font-weight: bold;
+    margin-bottom: 0;
+    line-height: 0;
+    color: $black;
+  }
+  .title-area-simple {
+    display: flex;
+  }
+
+  .title-area-complete {
+    display: flex;
+    align-items: center;
+
+    img {
+      max-height: 56px;
+      margin-right: 10px;
+    }
+
+    h1 {
+      font-size: 36px;
+      a {
+        color: $black;
+      }
+    }
+  }
+
+  i.published {
+    color: $diary-darkgreen;
+  }
+
+  i.unpublished {
+    color: $diary-grey;
+  }
+
+  .homework-slot, .session-slot {
+    .time-slot-type {
+      border-radius: 7px 0 0 7px;
+    }
+
+    .time-slot-title {
+      text-align: left;
+    }
+  }
+
+  .shadowed {
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3) !important;
+  }
+
+  .img-none {
+    max-width: 60%;
+    padding-top: 20px;
+    padding-bottom: 20px;
+  }
+
+  .empty-list {
+    justify-content: start !important;
+    font-size: 16px;
+    color: $diary-grey;
+  }
+
+  #list-diary-to-pdf {
+    opacity: 0;
+    z-index: -5;
+    position: absolute;
+    width: 790.28px;
+  }
+
+  #canvas-diary-to-pdf {
+    opacity: 0;
+    z-index: -5;
+    position: absolute;
+  }
+
+  .svg-green {
+    color: $diary-darkgreen;
+    fill: $diary-darkgreen;
+  }
+
+  .button-checkbox {
+    color: white;
+    border-radius: 20px;
+    font-size: 12px;
+    padding-left: 10px;
+    padding-right: 10px;
+
+    &:hover {
+      cursor: pointer;
+    }
+
+    &.unactive {
+      background-color: $diary-grey;
+
+      &:hover {
+        background-color: $diary-darkengreen;
+      }
+    }
+
+    &.active {
+      &:hover {
+        background-color: $diary-darkengreen;
+      }
+
+      background-color: $diary-darkgreen;
+    }
+  }
+
+  .time-slot-type {
+    fill: $white;
+  }
+
+  .homework-slot {
+    .time-slot-type {
+      background-color: $diary-darkorange;
+    }
+
+    .time-slot-title {
+      background-color: $diary-orange;
+    }
+  }
+
+  .session-slot {
+    .time-slot-type {
+      background-color: $diary-darkgreen;
+    }
+
+    .time-slot-title {
+      background-color: $diary-green;
+    }
+  }
+
+  .create-visa {
+    textarea:focus {
+      outline: none !important;
+      border: 1px solid $diary-darkgreen;
+      box-shadow: 0 0 10px $diary-darkgreen;
+    }
+
+    button {
+      background-color: $diary-darkgreen;
+    }
+  }
+
+
+  .session-modal {
+
+    .close-lightbox {
+      color: $diary-dark-grey;
+    }
+
+    .content {
+      width: 97%;
+      min-height: 91%;
+      align-items: stretch;
+
+      .twelve.cell {
+        display: flex;
+
+        .modal-include {
+          align-items: stretch;
+
+          .back, .next {
+            z-index: 1;
+            display: inline-flex;
+            align-items: center;
+            text-align: center;
+            position: absolute;
+            width: 10%;
+            justify-content: center;
+            top: 50vh;
+
+            i {
+              color: $diary-grey;
+              cursor: pointer;
+              font-size: 45px;
+
+              &:hover {
+                color: $session-grey;
+              }
+
+              &.disabled {
+                cursor: default;
+                color: rgba($diary-grey, 0.3);
+
+                &:hover {
+                  color: rgba($diary-grey, 0.3);
+                }
+              }
+            }
+          }
+
+          .back {
+            left: 0;
+          }
+
+          .next {
+            right: 0;
+          }
+
+          .session-content {
+            display: inline-flex;
+            width: 80%;
+            align-items: stretch;
+            padding-right: 10%;
+            padding-left: 10%;
+
+            .main-content {
+              min-height: 0;
+
+              .head {
+                height: 25px;
+
+                .edit-button {
+                  justify-content: flex-end;
+                }
+              }
+
+              .title {
+                font-size: 26px;
+                font-weight: bold;
+                height: 50px;
+              }
+
+              .description {
+                align-items: stretch;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+.administrator-page-list {
+  display: flex;
+  flex-flow: wrap;
+  height: 60px;
+  &-item {
+    display: inline;
+    margin: 0 5px;
+  }
+}
+

package/scss/specifics/cahier-de-textes/components/_app-title.scss

@@ -0,0 +1,10 @@
+app-title, .title-area-complete {
+  @include mobile {
+    display: flex;
+  }
+  i18n {
+    @include mobile {
+      font-size: 5vw;
+    }
+  }
+}