ode-bootstrap 1.1.4-dev-produit.202306051650 → 1.1.4-dev-produit.202306051653

package/scss/components/_treeview.scss

@@ -0,0 +1,61 @@
+$selected-background-color: $blue-100 !default;
+
+.treeview {
+  --#{$prefix}selected-background-color: #{$selected-background-color};
+
+  [role="tree"] {
+    list-style: none;
+    max-width: 400px;
+    overflow-y: auto;
+
+    li {
+      margin: $spacer-0;
+      padding: $spacer-0;
+      list-style: none;
+      cursor: pointer;
+    }
+
+    & > [role="treeitem"][aria-selected="true"] > div > .action-container {
+      background-color: var(--#{$prefix}selected-background-color);
+      font-weight: 700;
+      border-radius: $border-radius;
+    }
+  }
+
+  [role="group"] {
+    margin-left: $spacer-8;
+    padding-left: $spacer-0;
+    border-left: 1px solid $gray-400;
+    font-size: 1.4rem;
+
+    & > [role="treeitem"] {
+      margin-left: $spacer-8;
+
+      &[aria-selected="true"] > div > .action-container {
+        background-color: initial;
+        color: $secondary;
+        font-weight: 700;
+      }
+    }
+  }
+
+  [role="treeitem"][aria-expanded="false"] > div > [role="group"] {
+    display: none;
+  }
+
+  [role="treeitem"][aria-expanded="true"] > div > [role="group"] {
+    display: block;
+  }
+
+  .action-container {
+    &:hover {
+      background-color: $gray-300;
+      border-radius: $border-radius;
+    }
+
+    &:active {
+      background-color: $gray-400;
+      border-radius: $border-radius;
+    }
+  }
+}

package/scss/components/_validate-mail.scss

@@ -0,0 +1,5 @@
+.validate-mail {
+    main.main {
+        max-width: 1700px;
+    }
+}

package/scss/components/widget/_applications.scss

@@ -1,49 +1,49 @@
 .widget-applications {
-    //Widget Applications
-
-    .icon-grid {
-        display: flex;
-        flex-wrap: wrap;
-
-        &-item {
-            position: relative;
-            width: 25%;
-            font-size: 3.2em;
-
-            a {
-                @include have-child-in-middle();
-                @include background-color-to(white, 0.8s);
-
-                position: relative;
-                padding-top: 100%;
-                margin: 1px;
-                text-decoration: none;
-                background: $gray-100;
-
-                > i,
-                > img {
-                    @include have-child-in-middle();
-                    @include square(100%);
-
-                    position: absolute;
-                    top: 50%;
-                    transform: translateY(-50%);
-                }
-
-                > img {
-                    width: 80%;
-                    height: auto;
-                }
-            }
-
-            @include media-breakpoint-between(sm, md) {
-                width: calc(100 / 6 * 1%);
-            }
+  //Widget Applications
+
+  .icon-grid {
+    display: flex;
+    flex-wrap: wrap;
+
+    &-item {
+      position: relative;
+      width: 25%;
+      font-size: 3.2em;
+
+      a {
+        @include have-child-in-middle();
+        @include background-color-to(white, 0.8s);
+
+        position: relative;
+        padding-top: 100%;
+        margin: 1px;
+        text-decoration: none;
+        background: $gray-200;
+
+        > i,
+        > img {
+          @include have-child-in-middle();
+          @include square(100%);
+
+          position: absolute;
+          top: 50%;
+          transform: translateY(-50%);
         }
-    }
 
-    > .widget-body {
-        max-height: 300px;
-        overflow: auto;
+        > img {
+          width: 50%;
+          height: auto;
+        }
+      }
+
+      @include media-breakpoint-between(sm, md) {
+        width: calc(100 / 6 * 1%);
+      }
     }
+  }
+
+  > .widget-body {
+    max-height: 300px;
+    overflow: auto;
+  }
 }

package/scss/components/widget/_base.scss

@@ -1,133 +1,133 @@
 .widget {
-    margin-bottom: 2em;
-    font-size: 1.4rem;
-    background-color: #fff;
-    border-radius: 6px;
-    box-shadow: 2px 2px 40px 0 rgba(0, 0, 0, 0.05);
-    //overflow: hidden;
-
-    a {
-        text-decoration: none;
+  margin-bottom: 2em;
+  font-size: 1.4rem;
+  background-color: $white;
+  border-radius: 6px;
+  box-shadow: 2px 2px 40px 0 rgba(0, 0, 0, 0.05);
+  //overflow: hidden;
+
+  a {
+    text-decoration: none;
+  }
+
+  ul {
+    padding: 0;
+    margin: 0;
+    list-style-type: none;
+  }
+
+  .meta {
+    font-size: 0.8em;
+    color: $gray-700;
+  }
+
+  &-empty-message {
+    display: block;
+    padding: 10px $widget-padding-x;
+    font-style: italic;
+    color: $gray-700;
+    text-align: center;
+
+    &.link {
+      cursor: pointer;
+
+      @include media-breakpoint-down(lg) {
+        pointer-events: none;
+      }
     }
+  }
 
-    ul {
-        padding: 0;
-        margin: 0;
-        list-style-type: none;
-    }
+  &-header {
+    position: relative;
+    display: flex;
+    justify-content: flex-end;
+    padding: 1.2rem $widget-padding-x;
+    border-bottom: 1px solid $tertiary;
 
-    .meta {
-        font-size: 0.8em;
-        color: $gray-700;
-    }
+    .subtitle {
+      flex: 1;
 
-    &-empty-message {
-        display: block;
-        padding: 10px $widget-padding-x;
-        font-style: italic;
-        color: $gray-700;
-        text-align: center;
+      .seemore {
+        @include color-to($orange);
 
-        &.link {
-            cursor: pointer;
+        color: inherit;
 
-            @include media-breakpoint-down(lg) {
-                pointer-events: none;
-            }
+        &:hover {
+          text-decoration: none;
         }
-    }
+      }
 
-    &-header {
-        position: relative;
-        display: flex;
-        justify-content: flex-end;
-        padding: 1.2rem $widget-padding-x;
-        border-bottom: 1px solid $ghost;
-
-        .subtitle {
-            flex: 1;
-
-            .seemore {
-                @include color-to($orange);
+      .seemore-text {
+        padding-left: 0.5em;
+        font-size: 0.8em;
+        font-weight: 400;
+        text-transform: initial;
+      }
+    }
 
-                color: inherit;
+    &:hover {
+      .widget-options {
+        opacity: 1;
+      }
+    }
+  }
 
-                &:hover {
-                    text-decoration: none;
-                }
-            }
+  &-options {
+    @include add-transitions(opacity);
+    opacity: 0;
 
-            .seemore-text {
-                padding-left: 0.5em;
-                font-size: 0.8em;
-                font-weight: 400;
-                text-transform: initial;
-            }
-        }
+    & > * {
+      display: inline-block;
 
-        &:hover {
-            .widget-options {
-                opacity: 1;
-            }
-        }
+      &:not(:first-child) {
+        margin-left: 0.8rem;
+      }
     }
 
-    &-options {
-        @include add-transitions(opacity);
-        opacity: 0;
-        
-        & > * {
-            display: inline-block;
+    .tool,
+    .widget-handle {
+      @include color-to($gray-700);
+      color: $gray-400;
+    }
 
-            &:not(:first-child) {
-                margin-left: 0.8rem;
-            }
-        }
+    @include media-breakpoint-down(lg) {
+      display: none;
+    }
+  }
 
-        .tool,
-        .widget-handle {
-            @include color-to($gray-700);
-            color: $gray-400;
-        }
+  &-footer {
+    &-action {
+      text-align: center;
 
-        @include media-breakpoint-down(lg) {
-            display: none;
-        }
-    }
+      .link {
+        display: block;
+        padding: 0.4em 0;
+        font-size: $small-font-size;
+        color: $gray-600;
 
-    &-footer {
-        &-action {
-            text-align: center;
-
-            .link {
-                display: block;
-                padding: 0.4em 0;
-                font-size: $small-font-size;
-                color: $gray-600;
-
-                @include add-transitions(background-color, color) {
-                    color: $primary;
-                    background-color: $ghost;
-                }
-            }
+        @include add-transitions(background-color, color) {
+          color: $primary;
+          background-color: $tertiary;
         }
+      }
     }
+  }
 
-    &:not(.widget-locked) {
-        .widget-header {
-            cursor: grab;
-        }
+  &:not(.widget-locked) {
+    .widget-header {
+      cursor: grab;
     }
+  }
 
-    &:is(.widget-locked) {
-        .widget-handle {
-            display: none;
-        }
+  &:is(.widget-locked) {
+    .widget-handle {
+      display: none;
     }
+  }
 
-    &-qwant {
-        .widget-header {
-            margin-bottom: -2em;
-        }
+  &-qwant {
+    .widget-header {
+      margin-bottom: -2em;
     }
+  }
 }

package/scss/components/widget/_bookmarks.scss

@@ -1,23 +1,21 @@
 .widget-bookmarks {
-    //Widget Liens utiles
+  //Widget Liens utiles
 
-    .bookmark {
-        &-item {
+  .bookmark {
+    &-item {
+      @include background-color-to(rgba($secondary, 0.1));
 
-            @include background-color-to(rgba($third, 0.1));
+      padding: 0 $widget-padding-x;
+      color: $secondary;
+      border-bottom: 1px solid $gray-300;
 
-            padding: 0 $widget-padding-x;
-            color: $third;
-            border-bottom: 1px solid $gray-100;
+      .link {
+        @include decoration-to(none);
+        @include insert-icon("\f0c1", 0.8em, 1em);
 
-            .link {
-
-                @include decoration-to(none);
-                @include insert-icon("\f0c1", 0.8em, 1em);
-
-                display: block;
-                padding: 0.4em 0 0.4em 25px;
-            }
-        }
+        display: block;
+        padding: 0.4em 0 0.4em 25px;
+      }
     }
+  }
 }

package/scss/components/widget/_calendar.scss

@@ -1,57 +1,57 @@
 .widget-calendar {
-    //Widget Calendar
+  //Widget Calendar
 
-    .day-list {
-        margin: 10px $widget-padding-x;
+  .day-list {
+    margin: 10px $widget-padding-x;
+  }
+
+  .day-item {
+    position: relative;
+    padding-bottom: 0.5em;
+
+    &-title {
+      padding-left: 20px;
+
+      @include prepend-icon("\f111", 8px, 0, $orange);
+    }
+
+    &::before {
+      position: absolute;
+      top: 0.7em;
+      left: 3.5px;
+      display: block;
+      width: 1px;
+      height: 100%;
+      content: "";
+      background: #c8c8c8;
+    }
+
+    &:last-child {
+      &::before {
+        content: none;
+      }
+    }
+  }
+
+  .moment-item {
+    display: flex;
+    align-items: start;
+    padding-bottom: 0.75em;
+    padding-left: 25px;
+
+    .icon,
+    .hour {
+      width: 1em;
+      margin-right: 0.75em;
     }
 
-    .day-item {
-        position: relative;
-        padding-bottom: 0.5em;
-
-        &-title {
-            padding-left: 20px;
-
-            @include prepend-icon("\f111", 8px, 0, $orange);
-        }
-
-        &::before {
-            position: absolute;
-            top: 0.7em;
-            left: 3.5px;
-            display: block;
-            width: 1px;
-            height: 100%;
-            content: "";
-            background: #c8c8c8;
-        }
-
-        &:last-child {
-            &::before {
-                content: none;
-            }
-        }
+    .hour {
+      width: 2.5em;
+      text-align: right;
     }
 
-    .moment-item {
-        display: flex;
-        align-items: start;
-        padding-bottom: 0.75em;
-        padding-left: 25px;
-
-        .icon,
-        .hour {
-            width: 1em;
-            margin-right: 0.75em;
-        }
-
-        .hour {
-            width: 2.5em;
-            text-align: right;
-        }
-
-        .link {
-            flex: 1;
-        }
+    .link {
+      flex: 1;
     }
+  }
 }