Fix background color on inline image attachments

laCour · Apr 24, 2016 · 5cbc44a · 5cbc44a
1 parent f5b2b29
commit 5cbc44a
Showing 1 changed file with 16 additions and 10 deletions.
diff --git a/scss/modules/messaging/_attachments.scss b/scss/modules/messaging/_attachments.scss
@@ -202,19 +202,25 @@
     }
   }
 
-  &.image_container .preview_actions {
-    .btn {
-      background-color: rgba($color-shade-lightest, 0.9);
+  &.image_container {
+    .image_body {
+      background-color: $color-base;
+    }
 
-      &:focus,
-      &:hover {
-        background-color: $color-shade-dark;
+    .preview_actions {
+      .btn {
+        background-color: rgba($color-shade-lightest, 0.9);
+
+        &:focus,
+        &:hover {
+          background-color: $color-shade-dark;
+        }
       }
-    }
 
-    &.overflow_preview_actions {
-      background: rgba($color-shade-lightest, 0.9);
-      border: 1px solid rgba($color-shade-darkest, 0.1);
+      &.overflow_preview_actions {
+        background: rgba($color-shade-lightest, 0.9);
+        border: 1px solid rgba($color-shade-darkest, 0.1);
+      }
     }
   }