fix: Render inbox icon properly (#3219)

2021-10-14 20:18:43 +05:30
parent 0c65db925d
commit ed25435ac2
3 changed files with 10 additions and 8 deletions
--- a/app/javascript/dashboard/components/widgets/conversation/bubble/Actions.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/bubble/Actions.vue
@@ -128,6 +128,10 @@ export default {
      color: var(--w-100);
    }
  }
+
+  .icon {
+    color: var(--white);
+  }
 }

 .left {
@@ -138,12 +142,6 @@ export default {
  }
 }

-.right {
-  .icon {
-    color: var(--white);
-  }
-}
-
 .message-text--metadata {
  align-items: flex-end;
  display: flex;
@@ -202,6 +200,10 @@ export default {
    .time {
      color: var(--s-400);
    }
+
+    .icon {
+      color: var(--s-400);
+    }
  }

  &.is-image {