ode-csslib 4.0.1 → 4.0.2

package/scss/specifics/web-conference/_web-conference.scss

@@ -30,13 +30,11 @@
         display: flex;
         justify-content: flex-end;
       }
-    } 
+    }
     .url-container {
-      display: flex;
-
       .input-url {
         padding-right: 15px;
-  
+
         input {
           width: 100%;
         }
@@ -59,7 +57,7 @@
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     grid-gap: 25px;
-  
+
     .flex-card {
       height: 130px;
       display: flex;
@@ -96,21 +94,34 @@
     margin-block-start: auto;
     margin-bottom: 15px;
     margin-right: 5px;
+    gap: 3px;
   }
   i.sharing::before {
     font-family: 'material-icons';
     content: "\F497";
-    color: #5b6472;
     font-size: 20px;
     vertical-align: top;
   }
   i.waitingRoom::before {
     font-family: 'material-icons';
     content: "\FB32";
-    color: #5b6472;
     font-size: 20px;
     vertical-align: top;
   }
+
+  i.streaming {
+    &.active {
+      color: #46BFAF;
+    }
+  }
+
+  i.streaming::before {
+    font-family: 'material-icons';
+    content: "\F118";
+    font-size: 20px;
+    vertical-align: top;
+  }
+
   lightbox {
     .action-buttons {
       margin-top: 10px;
@@ -120,10 +131,33 @@
   .emptyscreen{
     margin-top:-25px;
     img{
-      width:37%;
+      width:65%;
       height:auto;
     }
   }
+  .padding-bottom-15 {
+    padding-bottom: 15px;
+  }
+
+  .padding-top-15 {
+    padding-top: 15px;
+  }
+
+  .margin-left-25 {
+    margin-left: 25px;
+  }
+
+  .padding-10 {
+    padding: 10px;
+  }
+
+  .font-bold {
+    font-weight: bold;
+  }
+
+  .active-streaming {
+
+  }
 }
 
 @media screen and (max-width: $tablette) {
@@ -162,8 +196,8 @@
   }
   dots-menu.right {
     .options{
-        right: 20px;
-        left: auto;
+      right: 20px;
+      left: auto;
     }
   }
 }

package/scss/specifics/zimbra-connector/_conversation.scss

@@ -153,6 +153,9 @@
     }
   }
   .Choice-chip {
+    label{
+
+    }
     label:first-child{
       margin-right: 0px;
       border-top-right-radius: 0;
@@ -171,6 +174,33 @@
       }
     }
   }
+
+  i.loaded{
+    @include fonticon;
+    transform: rotate(0deg);
+    &::before{
+      content: '\e915';
+    }
+  }
+
+  button.flat-button{
+    &.file-button[disabled=disabled]{
+      background-color: #8C939E;
+      color: #B1B6BF;
+      pointer-events: none;
+    }
+  }
+
+  i.loading{
+    animation: rotate 1000ms linear infinite;
+    @include fonticon;
+    display: inline-block;
+    &::before{
+      content: '\e85a';
+    }
+  }
+
+
   #folder-loader {
     padding-top: 100px;
     .spinner {
@@ -281,12 +311,12 @@
   .notification-attachment {
     &.column {
       .attachment{
-      width: 16px !important;
-      height: 16px !important;
-      min-width: 16px !important;
-      min-height: 16px !important;
-      display: contents;
-    }
+        width: 16px !important;
+        height: 16px !important;
+        min-width: 16px !important;
+        min-height: 16px !important;
+        display: contents;
+      }
     }
   }
 
@@ -295,16 +325,16 @@
     height: 100%;
     justify-content: flex-end;
     &.column {
-        width: 16px !important;
-        height: 16px !important;
-        min-width: 16px !important;
-        min-height: 16px !important;
-        display: contents;
-      }
+      width: 16px !important;
+      height: 16px !important;
+      min-width: 16px !important;
+      min-height: 16px !important;
+      display: contents;
+    }
   }
 
 
-    .MJXc-display{
+  .MJXc-display{
     display: inline-block;
   }
 
@@ -313,4 +343,4 @@
     display: list-item !important;
     font-size: 13px !important;
   }
-}
+}