chore: Improves styling for conversation header (#1167)

Co-authored-by: Pranav Raj S <pranav@thoughtwoot.com>
2020-09-03 14:11:07 +05:30
parent dfb533db8d
commit 9b23a11c5b
7 changed files with 77 additions and 39 deletions
--- a/app/javascript/dashboard/assets/scss/widgets/_conv-header.scss
+++ b/app/javascript/dashboard/assets/scss/widgets/_conv-header.scss
@@ -41,6 +41,10 @@
    @include flex;
    @include flex-align($x: center, $y: middle);

+    &.hide {
+      visibility: hidden;
+    }
+
    .user--name {
      @include margin(0);
      font-size: $font-size-medium;
@@ -83,3 +87,15 @@
    }
  }
 }
+
+
+.header-actions-wrap {
+  display: flex;
+  flex-direction: row;
+  flex-grow: 1;
+  justify-content: flex-end;
+
+  &.has-open-sidebar {
+    justify-content: flex-end;
+  }
+}