@chat21/chat21-ionic 3.0.78-rc.4 → 3.0.78

package/src/global.scss

@@ -794,70 +794,66 @@ select:-webkit-autofill:focus {
 }
 
 // select teammate status in user detail drawer
-.teammate-status-in-drawer {
-
-    &.ng-select {
+.ng-select.teammate-status-in-drawer {
 
+    .ng-select-container {
+        background-color: #2d323e;
+        color: #fff;
+        border: 1px solid #2d323e;
+    }
+    &.ng-select-opened{
         .ng-select-container {
             background-color: #2d323e;
-            color: #fff;
             border: 1px solid #2d323e;
         }
-        &.ng-select-opened{
-            .ng-select-container {
-                background-color: #2d323e;
-                border: 1px solid #2d323e;
-            }
-        }
-    
-        &.ng-select-focused:not(.ng-select-opened){
-             >.ng-select-container{
-                border: 1px solid #2d323e;
-                box-shadow: unset;
-             }
-        }
-    
-        
     }
 
-    .ng-dropdown-panel {
-        background-color: #2d323e;
-        border: 1px solid #2d323e;
-    
-        &.ng-select-bottom {
+    &.ng-select-focused:not(.ng-select-opened){
+         >.ng-select-container{
             border: 1px solid #2d323e;
-            margin-top: 8px;
-            border-top-right-radius: 4px;
-            border-top-left-radius: 4px;
-        }
+            box-shadow: unset;
+         }
+    }
+
     
-        .ng-dropdown-panel-items {
-            .ng-option {
+}
+
+.ng-dropdown-panel {
+    background-color: #2d323e;
+    border: 1px solid #2d323e;
+
+    &.ng-select-bottom {
+        border: 1px solid #2d323e;
+        margin-top: 8px;
+        border-top-right-radius: 4px;
+        border-top-left-radius: 4px;
+    }
+
+    .ng-dropdown-panel-items {
+        .ng-option {
+            background-color: #2d323e;
+            color: #fff;
+
+            &.ng-option-marked {
+                background-color: rgba(30, 33, 41, 0.3);
+                color: #fff;
+            }
+
+            &.ng-option-selected {
                 background-color: #2d323e;
                 color: #fff;
-    
-                &.ng-option-marked {
-                    background-color: rgba(30, 33, 41, 0.3);
-                    color: #fff;
-                }
-    
-                &.ng-option-selected {
-                    background-color: #2d323e;
-                    color: #fff;
-                }
-    
-                &.ng-option-marked.ng-option-selected{
-                    background-color: rgba(30, 33, 41, 0.3);
-                    color: #fff;
-                }
             }
-            
+
+            &.ng-option-marked.ng-option-selected{
+                background-color: rgba(30, 33, 41, 0.3);
+                color: #fff;
+            }
         }
+        
     }
 }
 
 
-
 /* *** SMALL SIDEBAR STYLE ***  */
 .small-sidebar-tiledesk-nav-user {
     height: 40px;

package/src/variables.scss

@@ -7,38 +7,27 @@
     --basic-green: #0A7D41;
     --dark-green: #005f3b;
     --light-green: #8cc841;
+    
     --light-gray: #F2F2F2;
     --basic-gray: #666666;
     --dark-gray: #363636;
+    
+
     --light-blue: #C9E4F6;
     --basic-blue: #2a69c1;
     --bubble-blue: rgb(0, 153, 255);
-    
+    --bubble-lightyellow: rgb(255, 247, 237);
+    --bubble-privateMsg: rgb(254, 214, 168);
+    --bubble-privateMsgColor: rgb(47, 57, 65);
 
     --basic-yellow: #FFC627;
     --basic-red: #EB1E23;
 
-    --bck-msg-sent: #2a6ac1;
+    --bck-msg-sent: #62a8ea;
     --col-msg-sent:#ffffff;
-
-    --bck-msg-received: #f0f2f7;
-    --col-msg-received: #06132b;
-
-    --bubble-lightyellow: rgb(255, 247, 237);
-    --bubble-privateMsg: rgb(254, 214, 168);
-    --bubble-privateMsgColor: rgb(47, 57, 65);
-
     --light-white: #f7f7f7;
     --black: #1a1a1a;
     --gray: #aaaaaa;
 
-    --header-height: 60px;
-
-    --button-in-msg-font-size: 15px;
-    --buttonBackgroundColor: #ffffff;
-    --buttonTextColor: #2a6ac1;
-    --buttonHoverBackgroundColor: #2a6ac1;
-    --buttonHoverTextColor: #ffffff;
-
     
-}
+  }