ode-bootstrap 1.0.0-framework.202111221759 → 1.0.0-release.0

package/dist/version.txt

@@ -1 +1 @@
-ode-bootstrap= 22/11/2021 19:00:08
+ode-bootstrap= 30/11/2021 11:41:53

package/gradle.properties

@@ -1,2 +1,2 @@
 modname=ode-bootstrap
-npmVersion=1.0.0-framework.%generateVersion%
+npmVersion=1.0.0-release.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ode-bootstrap",
-  "version": "1.0.0-framework.202111221759",
+  "version": "1.0.0-release.0",
   "description": "Open Digital Education CSS framework based on bootstrap",
   "scripts": {
     "copy-fonts": "cpr node_modules/entcore-generic-icons/fonts/ assets/fonts/generic-icons/ -o && cpr node_modules/@fortawesome/fontawesome-free/webfonts assets/fonts/fa/ -o",
@@ -43,8 +43,8 @@
     "stylelint-config-twbs-bootstrap": "^2.2.3"
   },
   "dependencies": {
-    "@fortawesome/fontawesome-free": "^5.12.0",
-    "bootstrap": "^5.0.2",
+    "@fortawesome/fontawesome-free": "^5.15.4",
+    "bootstrap": "^5.1.3",
     "entcore-generic-icons": "opendigitaleducation/generic-icons"
   }
 }

package/package.json.template

@@ -43,8 +43,8 @@
     "stylelint-config-twbs-bootstrap": "^2.2.3"
   },
   "dependencies": {
-    "@fortawesome/fontawesome-free": "^5.12.0",
-    "bootstrap": "^5.0.2",
+    "@fortawesome/fontawesome-free": "^5.15.4",
+    "bootstrap": "^5.1.3",
     "entcore-generic-icons": "opendigitaleducation/generic-icons"
   }
 }

package/scss/atoms/_display.scss

@@ -1,13 +1,17 @@
 @include media-breakpoint-down(md) {
-
     .d-mobile-none {
         display: none !important;
     }
+    .pe-mobile {
+        pointer-events: none;
+    }
 }
 
 @include media-breakpoint-up(md) {
-
     .d-desktop-none {
         display: none !important;
     }
+    .pe-desktop {
+        pointer-events: none;
+    }
 }

package/scss/components/_avatar.scss

@@ -61,13 +61,14 @@ $avatar-size: 65px !default;
         margin-top: -0.3rem;
         width: 3rem;
         max-width: 3rem;
-        height: auto;
+        height: 3rem;
         background-color: $white;
 
         @include media-breakpoint-down(md) {
             display: inline-block;
             width: 2rem;
             max-width: 2rem;
+            height: 2rem;
         }
     }
 }

package/scss/components/_buttons.scss

@@ -58,7 +58,7 @@
 
         position: relative;
         display: inline-flex;
-        margin-bottom: 1.5em;
+        // margin-bottom: 1.5em;
         font-size: 2em;
         color: #fff;
         background: $third;

package/scss/components/_feed.scss

@@ -155,6 +155,10 @@ $feed-spacing: 20px !default;
 
             .link {
                 display: block;
+
+                > i {
+                    margin-right: 1rem;
+                }
             }
 
             &.open {

package/scss/components/_popover.scss

@@ -57,25 +57,19 @@ popover {
                 border-color: $gray-200;
             };
 
-            /* &:hover {
-                border-color: $gray-200;
-            } */
+            > a {
+                @include square(100%);
+                @include have-child-in-middle();
+            }
 
             .application {
                 font-size: 3rem;
             }
-        }
 
-        /* .more {
-            padding: 1rem;
-            text-align: center;
-            background-color: $gray-500;
-            transition: background-color 250ms ease;
-
-            &:hover {
-                background-color: $primary;
+            img {
+                max-width: 80%;
             }
-        } */
+        }
 
         .search-text {
             justify-content: center;

package/scss/components/_tables.scss

@@ -11,4 +11,9 @@
       color: $red;
     }
   }
+
+  .btn-close {
+    margin-left: auto;
+    display: block;
+  }
 }

package/scss/components/widget/_applications.scss

@@ -20,12 +20,18 @@
                 text-decoration: none;
                 background: $gray-100;
 
-                > i {
+                > i,
+                > img {
                     @include have-child-in-middle();
                     @include square(100%);
 
                     position: absolute;
-                    top: 0;
+                    top: 50%;
+                    transform: translateY(-50%);
+                }
+
+                > img {
+                    @include square(80%);
                 }
             }
 
@@ -34,4 +40,9 @@
             }
         }
     }
+
+    > .widget-body {
+        max-height: 300px;
+        overflow: auto;
+    }
 }

package/scss/components/widget/_base.scss

@@ -30,10 +30,10 @@
 
         &.link {
             cursor: pointer;
-        }
 
-        @include media-breakpoint-down(md) {
-            pointer-events: none;
+            @include media-breakpoint-down(lg) {
+                pointer-events: none;
+            }
         }
     }
 

package/scss/components/widget/_record.scss

@@ -24,10 +24,14 @@
     &-controls {
         display: flex;
         justify-content: space-around;
-        margin-top: 1em;
+        margin-block: 1.5em;
 
         .btn-circle {
             font-size: 1.2em;
+
+            &:hover {
+                color: $white;
+            }
         }
     }
 }

package/scss/components/widget/_school.scss

@@ -23,11 +23,20 @@
             }
 
             &-multiple {
-                @include prepend-icon("\f150", 1.1em);
+                // @include prepend-icon("\f150", 1.1em);
 
-                padding-left: 1.5em;
                 cursor: pointer;
                 white-space: normal;
+                display: inline-flex;
+                align-items: baseline;
+                gap: 1rem;
+
+                &::before {
+                    @include fontawesome();
+                    content: "\f150";
+                    top: 0.2rem;
+                    position: relative;
+                }
 
                 &::after {
                     display: none

package/scss/variables/_icons.scss

@@ -1,37 +1,39 @@
 /* prettier-ignore */
 $icons-interface: (
     "apps"          : ( "glyph": "\e86c"),
+    "burger"        : ( "glyph": "\e956"),
+    "carnet-de-bord": ( "glyph": "\e902"),
+    "chevron-right" : ( "glyph": "\e823"),
     "close"         : ( "glyph": "\e866"),
     "community"     : ( "glyph": "\e814"),
+    "comment"       : ( "glyph": "\e8d2"),
     "conversation"  : ( "glyph": "\e804"),
     "disconnect"    : ( "glyph": "\e842"),
+    "eye-slash"     : ( "glyph": "\e904"),
+    "folder"        : ( "glyph": "\e846"),
+    "grades"        : ( "glyph": "\e614"),
+    "grid"          : ( "glyph": "\e940"),
     "help"          : ( "glyph": "\e835"),
     "home"          : ( "glyph": "\e82b"),
+    "homeworks"     : ( "glyph": "\e86f"),
+    "list"          : ( "glyph": "\e84f"),
+    "microphone"    : ( "glyph": "\e864"),
+    "minus"         : ( "glyph": "\e95b"),
+    "nobody"        : ( "glyph": "\e901"),
+    "plus"          : ( "glyph": "\e85e"),
+    "public"        : ( "glyph": "\e8d1"),
+    "rss"           : ( "glyph": "\e861"),
     "search"        : ( "glyph": "\e8d0"),
+    "signets"       : ( "glyph": "\e80c"),
     "star"          : ( "glyph": "\e9d9"),
-    "plus"          : ( "glyph": "\e85e"),
-    "minus"         : ( "glyph": "\e95b"),
+    "timer-off"     : ( "glyph": "\e426"),
+    "trending-up"   : ( "glyph": "\e8e5"),
+    "tools"         : ( "glyph": "\e855"),
     "user"          : ( "glyph": "\e905"),
     "users"         : ( "glyph": "\e822"),
-    "public"        : ( "glyph": "\e8d1"),
     "share"         : ( "glyph": "\e815"),
     "view"          : ( "glyph": "\e873"),
-    "comment"       : ( "glyph": "\e8d2"),
-    "chevron-right" : ( "glyph": "\e823"),
-    "grid"          : ( "glyph": "\e940"),
-    "list"          : ( "glyph": "\e84f"),
-    "folder"        : ( "glyph": "\e846"),
-    "burger"        : ( "glyph": "\e956"),
-    "timer-off"     : ( "glyph": "\e426"),
-    "nobody"        : ( "glyph": "\e901"),
-    "grades"        : ( "glyph": "\e614"),
-    "homeworks"     : ( "glyph": "\e86f"),
-    "trending-up"   : ( "glyph": "\e8e5"),
-    "tools"         : ( "glyph": "\e855"),
-    "rss"           : ( "glyph": "\e861"),
-    "signets"       : ( "glyph": "\e80c"),
-    "microphone"    : ( "glyph": "\e864"),
-    "carnet-de-bord": ( "glyph": "\e902"),
+    "warning"       : ( "glyph": "\e903")      
 ) !default;
 
 $icons-widgets: (
@@ -99,6 +101,8 @@ $icons-applications: (
     "timeline":            ( "color": $indigo, "glyph": "\e854"),
     "timelinegenerator":   ( "color": $yellow, "glyph": "\e819"),
     "userbook":            ( "color": $teal,   "glyph": "\e811"),
+    "userbook-mood":       ( "color": $teal,   "glyph": "\e811"),
+    "userbook-moto":       ( "color": $teal,   "glyph": "\e811"),
     "video":               ( "color": $cyan,   "glyph": "\e872"),
     "visioconf":           ( "color": $cyan,   "glyph": "\e957"),
     "Web-conference":      ( "color": $cyan,   "glyph": "\e957"),
@@ -107,226 +111,74 @@ $icons-applications: (
     "workspace":           ( "color": $red,    "glyph": "\e81b"),
 ) !default;
 
-$applications: (
-    "competences" : (
-        "color" : $red,
-        "glyph": '\e927'
-    ),
-    "cahier-textes" : (
-        "color" : $teal,
-        "glyph": '\e86f'
-    ),
-    "poll" : (
-        "color" : $red,
-        "glyph": '\e832'
-    ),
-    "rack" : (
-        "color" : $red,
-        "glyph": '\e80d'
-    ),
-    "rbs" : (
-        "color" : $pink,
-        "glyph": '\e80e'
-    ),
-    "searchengine" : (
-        "color" : $red,
-        "glyph": '\e8d0'
-    ),
-    "sharebigfiles" : (
-        "color" : $purple,
-        "glyph": '\e8cb'
-    ),
-    "schoolbook" : (
-        "color" : $teal,
-        "glyph": '\e91e'
-    ),
-    "archive" : (
-        "color" : $yellow,
-        "glyph": '\e81d'
-    ),
-    "admin" : (
-        "color" : $yellow,
-        "glyph": '\e81a'
-    ),
-    "cahier-de-texte" : (
-        "color" : $teal,
-        "glyph": '\e910'
-    ),
-    "wiki" : (
-        "color" : $purple,
-        "glyph": '\e813'
-    ),
-    "cns" : (
-        "color" : $teal,
-        "glyph": '\e88a'
-    ),
-    "conversation" : (
-        "color" : $yellow,
-        "glyph": '\e804'
-    ),
-    "paths" : (
-        "color" : $orange,
-        "glyph": '\e94d'
-    ),
-    "parcours" : (
-        "color" : $orange,
-        "glyph": '\e94d'
-    ),
-    "notebook" : (
-        "color" : $teal,
-        "glyph": '\e8d4'
-    ),
-    "scrap-book" : (
-        "color" : $teal,
-        "glyph": '\e8d4'
-    ),
-    "scrapbook" : (
-        "color" : $teal,
-        "glyph": '\e8d4'
-    ),
-    "blog" : (
-        "color" : $indigo,
-        "glyph": '\e809'
-    ),
-    "account" : (
-        "color" : $red,
-        "glyph": '\e905'
-    ),
-    "support" : (
-        "color" : $teal,
-        "glyph": '\e835'
-    ),
-    "workspace" : (
-        "color" : $red,
-        "glyph": '\e81b'
-    ),
-    "admin-portal" : (
-        "color" : $red,
-        "glyph": '\e908'
-    ),
-    "stats" : (
-        "color" : $purple,
-        "glyph": '\e909'
-    ),
-    "userbook" : (
-        "color" : $teal,
-        "glyph": '\e811'
-    ),
-    "userbook_mood" : (
-        "color" : $teal,
-        "glyph": '\e811'
-    ),
-    "userbook_motto" : (
-        "color" : $teal,
-        "glyph": '\e811'
-    ),
-    "directory" : (
-        "color" : $teal,
-        "glyph": '\e811'
-    ),
-    "mindmap" : (
-        "color" : $cyan,
-        "glyph": '\e859'
-    ),
-    "timeline" : (
-        "color" : $yellow,
-        "glyph": '\e819'
-    ),
-    "timelinegenerator" : (
-        "color" : $yellow,
-        "glyph": '\e819'
-    ),
-    "actualites" : (
-        "color" : $cyan,
-        "glyph": '\e85b'
-    ),
-    "pad" : (
-        "color" : $cyan,
-        "glyph": '\e829'
-    ),
-    "collaborativeeditor" : (
-        "color" : $cyan,
-        "glyph": '\e829'
-    ),
-    "settings-class" : (
-        "color" : $yellow,
-        "glyph": '\e942'
-    ),
-    "library" : (
-        "color" : $yellow,
-        "glyph": '\e94c'
-    ),
-    "visioconf" : (
-        "color" : $purple,
-        "glyph": '\e957'
-    ),
-    "Web-conference" : (
-        "color" : $red,
-        "glyph": '\e957'
-    ),
-    "notes" : (
-        "color" : $yellow,
-        "glyph": '\e806'
-    ),
-    "attendance" : (
-        "color" : $red,
-        "glyph": '\e80b'
-    ),
-    "exercizer" : (
-        "color" : $purple,
-        "glyph": '\e833'
-    ),
-    "calendar" : (
-        "color" : $yellow,
-        "glyph": '\e834'
-    ),
-    "canal-numerique" : (
-        "color" : $cyan,
-        "glyph": '\e80a'
-    ),
-    "collaborative-wall" : (
-        "color" : $teal,
-        "glyph": '\e800'
-    ),
-    "statistics" : (
-        "color" : $purple,
-        "glyph": '\e810'
-    ),
-    "polls" : (
-        "color" : $cyan,
-        "glyph": '\e832'
-    ),
-    "community" : (
-        "color" : $purple,
-        "glyph": '\e814'
-    ),
-    "forum" : (
-        "color" : $cyan,
-        "glyph": '\e81e'
-    ),
-    "pages" : (
-        "color" : $red,
-        "glyph": '\e927'
-    ),
-    "website" : (
-        "color" : $red,
-        "glyph": '\e90a'
-    ),
-    "parametrage" : (
-        "color" : $red,
-        "glyph": '\e92f'
-    ),
-    "video" : (
-        "color" : $red,
-        "glyph": '\e872'
-    ),
-    "kne" : (
-        "color" : $red,
-        "glyph": '\e81f'
-    ),
-    "sacoche" : (
-        "color" : $red,
-        "glyph": '\e899'
-    ),
-    
+$icons-connectors: (
+    "absences"                  : ( "color": $red,    "glyph": "\e80b"),
+    "admission-post-bac"        : ( "color": $red,    "glyph": "\e816"),
+    "aide-devoirs"              : ( "color": $teal,   "glyph": "\e818"),
+    "agenda"                    : ( "color": $yellow, "glyph": "\e83c"),
+    "assistance"                : ( "color": $cyan,   "glyph": "\e93c"),
+    "assr"                      : ( "color": $red,    "glyph": "\e891"),
+    "award"                     : ( "color": $teal,   "glyph": "\e818"),
+    "banquesavoir"              : ( "color": $cyan,   "glyph": "\e88d"),
+    "bcdi"                      : ( "color": $purple, "glyph": "\e88f"),
+    "biblionisep"               : ( "color": $teal,   "glyph": "\e8a4"),
+    "bookmark-empty"            : ( "color": $teal,   "glyph": "\e888"),
+    "canal-numerique"           : ( "color": $red,    "glyph": "\e80a"),
+    "ccn"                       : ( "color": $teal,   "glyph": "\e90f"),
+    "cerise"                    : ( "color": $red,    "glyph": "\e81c"),
+    "cervoprint"                : ( "color": $cyan,   "glyph": "\e896"),
+    "charlemagne"               : ( "color": $red,    "glyph": "\e885"),
+    "charte"                    : ( "color": $yellow, "glyph": "\e93b"),
+    "chat"                      : ( "color": $red,    "glyph": "\e817"),
+    "cidj"                      : ( "color": $teal,   "glyph": "\e893"),
+    "connecteur-generique1"     : ( "color": $red,    "glyph": "\e8aa"),
+    "connecteur-generique2"     : ( "color": $red,    "glyph": "\e8ab"),
+    "educagri"                  : ( "color": $indigo, "glyph": "\e89e"),
+    "edumedia"                  : ( "color": $cyan,   "glyph": "\e887"),
+    "edumoov"                   : ( "color": $red,    "glyph": "\e939"),
+    "edutheque"                 : ( "color": $yellow, "glyph": "\e8a6"),
+    "electron"                  : ( "color": $red,    "glyph": "\e89b"),
+    "elyceepicardie"            : ( "color": $indigo, "glyph": "\e898"),
+    "esidoc"                    : ( "color": $pink,   "glyph": "\e826"),
+    "europress"                 : ( "color": $cyan,   "glyph": "\e8a7"),
+    "gepi"                      : ( "color": $cyan,   "glyph": "\e89c"),
+    "glpi"                      : ( "color": $red,    "glyph": "\e897"),
+    "hiboutheque"               : ( "color": $teal,   "glyph": "\e90e"),
+    "itopstore"                 : ( "color": $teal,   "glyph": "\e895"),
+    "kne"                       : ( "color": $purple, "glyph": "\e81f"),
+    "le-site-tv"                : ( "color": $yellow, "glyph": "\e87a"),
+    "lemonde"                   : ( "color": $indigo, "glyph": "\e8a9"),
+    "lesechos"                  : ( "color": $indigo, "glyph": "\e8a5"),
+    "lsu"                       : ( "color": $cyan,   "glyph": "\e93a"),
+    "madmagz"                   : ( "color": $pink,   "glyph": "\e89d"),
+    "matholycee"                : ( "color": $red,    "glyph": "\e8a3"),
+    "maxicours"                 : ( "color": $indigo, "glyph": "\e825"),
+    "mediacentre"               : ( "color": $red,    "glyph": "\e863"),
+    "monorientationenligne"     : ( "color": $yellow, "glyph": "\e89f"),
+    "monstageenligne"           : ( "color": $cyan,   "glyph": "\e8a2"),
+    "moodle"                    : ( "color": $orange, "glyph": "\e948"),
+    "museefrancaisphoto"        : ( "color": $indigo, "glyph": "\e892"),
+    "my-network"                : ( "color": $indigo, "glyph": "\e82e"),
+    "netvibes"                  : ( "color": $teal,   "glyph": "\e8a1"),
+    "note"                      : ( "color": $yellow, "glyph": "\e806"),
+    "onisep"                    : ( "color": $cyan,   "glyph": "\e88c"),
+    "onisep2"                   : ( "color": $cyan,   "glyph": "\e894"),
+    "parametrage"               : ( "color": $red,    "glyph": "\e92f"),
+    "paraschool"                : ( "color": $teal,   "glyph": "\e82d"),
+    "pearltress"                : ( "color": $cyan,   "glyph": "\e933"),
+    "picardie-cursus"           : ( "color": $purple, "glyph": "\e921"),
+    "pro-eps"                   : ( "color": $cyan,   "glyph": "\e884"),
+    "pronote"                   : ( "color": $purple, "glyph": "\e82a"),
+    "public"                    : ( "color": $red,    "glyph": "\e863"),
+    "qwant-junior"              : ( "color": $red,    "glyph": "\e93d"),
+    "residence-artiste"         : ( "color": $teal,   "glyph": "\e90f"),
+    "ressourcesdepartementale91": ( "color": $indigo, "glyph": "\e890"),
+    "sacoche"                   : ( "color": $indigo, "glyph": "\e899"),
+    "scolinfo"                  : ( "color": $red,    "glyph": "\e886"),
+    "suitcase"                  : ( "color": $red,    "glyph": "\e88b"),
+    "turboself"                 : ( "color": $yellow, "glyph": "\e8a0"),
+    "universalis"               : ( "color": $red,    "glyph": "\e831"),
+    "unstagepourtous"           : ( "color": $pink,   "glyph": "\e88e"),
+    "vie-scolaire"              : ( "color": $yellow, "glyph": "\e879"),
+    "webclasseur"               : ( "color": $cyan,   "glyph": "\e88c"),
 ) !default;