From ad4873030060fe28fda8f8f22b912cd40972a5cd Mon Sep 17 00:00:00 2001
From: Vincent <vincent@loki.network>
Date: Fri, 14 Feb 2020 15:01:39 +1100
Subject: [PATCH 1/2] More animations

---
 js/views/conversation_view.js         | 18 +++++++++++++++---
 stylesheets/_session_group_panel.scss |  6 ++++++
 2 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/js/views/conversation_view.js b/js/views/conversation_view.js
index 4db8212ef..0088d7b18 100644
--- a/js/views/conversation_view.js
+++ b/js/views/conversation_view.js
@@ -300,7 +300,7 @@
             this.setDisappearingMessages(seconds),
 
           onGoBack: () => {
-            this.$('.conversation-content-right').hide();
+            this.hideConversationRight();
           },
 
           onUpdateGroup: () => {
@@ -340,6 +340,17 @@
         onClicked: this.selectMember.bind(this),
       });
 
+      this.hideConversationRight = () => {
+        this.$('.conversation-content-right').css({
+          'margin-right': '-22vw',
+        });
+      };
+      this.showConversationRight = () => {
+        this.$('.conversation-content-right').css({
+          'margin-right': '0vw',
+        });
+      };
+
       this.showGroupSettings = () => {
         if (!this.groupSettings) {
           this.groupSettings = new Whisper.ReactWrapperView({
@@ -351,11 +362,12 @@
         } else {
           this.groupSettings.update(getGroupSettingsProp(this.model));
         }
-        this.$('.conversation-content-right').show();
+
+        this.showConversationRight();
       };
 
       this.hideGroupSettings = () => {
-        this.$('.conversation-content-right').hide();
+        this.showConversationRight();
       };
 
       this.memberView.render();
diff --git a/stylesheets/_session_group_panel.scss b/stylesheets/_session_group_panel.scss
index f9d179803..1557f13bb 100644
--- a/stylesheets/_session_group_panel.scss
+++ b/stylesheets/_session_group_panel.scss
@@ -1,3 +1,9 @@
+.conversation-content-right {
+  transition: $session-transition-duration;
+  width: 22vw;
+  margin-right: -22vw;
+}
+
 .group-settings {
   display: flex;
   flex-direction: column;

From 2e3ae0cf45cbba1b37674f38497a06e4533bbeb2 Mon Sep 17 00:00:00 2001
From: Vincent <vincent@loki.network>
Date: Fri, 14 Feb 2020 15:27:17 +1100
Subject: [PATCH 2/2] small fixes

---
 stylesheets/_conversation.scss | 2 +-
 stylesheets/_session.scss      | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/stylesheets/_conversation.scss b/stylesheets/_conversation.scss
index de9c4e857..fba978b8a 100644
--- a/stylesheets/_conversation.scss
+++ b/stylesheets/_conversation.scss
@@ -433,7 +433,7 @@
     flex-direction: row;
     align-items: center;
     margin-bottom: 8px;
-    padding-left: 0px 15px;
+    padding: 0px 15px;
 
     .send-message {
       flex-grow: 1;
diff --git a/stylesheets/_session.scss b/stylesheets/_session.scss
index 523be5f80..d826f4424 100644
--- a/stylesheets/_session.scss
+++ b/stylesheets/_session.scss
@@ -587,10 +587,10 @@ label {
   position: absolute;
   left: 0px;
   right: 0px;
-  margin: 0px $session-margin-sm;
+  margin: 0px $session-margin-lg;
   align-items: center;
   justify-content: space-between;
-  height: 48px;
+  height: $main-view-header-height;
 
   .close-button {
     float: left;