More css fixes for attachment containers

rpaschoal · Feb 16, 2019 · 4bbb0e3 · 4bbb0e3
1 parent 9da5894
commit 4bbb0e3
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 14 deletions.
diff --git a/src/ng-chat/assets/ng-chat.component.default.css b/src/ng-chat/assets/ng-chat.component.default.css
@@ -354,7 +354,7 @@
             .ng-chat-window .ng-chat-messages .ng-chat-message .file-message-container
             {
                 float: right;
-                width: 196px;
+                width: 202px;
                 border-style: solid;
                 border-width: 3px;
                 border-radius: 5px;
@@ -363,12 +363,14 @@
                 display: block;
                 text-decoration: none;
                 font-size: 0.9em;
+                padding: 0;
+                box-sizing: border-box;
             }
             .ng-chat-window .ng-chat-messages .ng-chat-message .file-message-container.received
             {
                 float: left;
                 margin-left: 40px;
-                width: 202px;
+                width: 208px;
             }
                 .ng-chat-window .ng-chat-messages .ng-chat-message .file-message-container > .file-message-icon-container
                 {

diff --git a/src/ng-chat/assets/themes/ng-chat.theme.dark.scss b/src/ng-chat/assets/themes/ng-chat.theme.dark.scss
@@ -47,19 +47,16 @@ $text-color: #FFF;
         background-color: $secondary-color;
         color: #FFF;
     }
-    .sent-chat-message-container
+    .sent-chat-message-container, .file-message-container
     {
+        border-color: $secondary-color;
         background-color: $secondary-color;
     }
-    .received-chat-message-container
+    .received-chat-message-container, .file-message-container.received
     {
         background-color: $primary-color;
         border-color: $secondary-color;
     }
-    .file-message-container
-    {
-        border-color: $secondary-color;
-    }
     .ng-chat-footer
     {
         background-color: $secondary-color;

diff --git a/src/ng-chat/assets/themes/ng-chat.theme.default.scss b/src/ng-chat/assets/themes/ng-chat.theme.default.scss
@@ -44,17 +44,14 @@ $text-color: #5C5C5C;
     {
         background-color: $primary-color;   
     }
-    .sent-chat-message-container
+    .sent-chat-message-container,  .file-message-container
     {
         background-color:$secondary-color;
-    }
-    .received-chat-message-container
-    {
-        background-color:$primary-color;
         border-color: $secondary-color;
     }
-    .file-message-container
+    .received-chat-message-container, .file-message-container.received
     {
+        background-color:$primary-color;
         border-color: $secondary-color;
     }
 }