From 32cccf00097cf8393560270ecc35099d6eed129b Mon Sep 17 00:00:00 2001
From: "L. E. Segovia" <13498015+amyspark@users.noreply.github.com>
Date: Mon, 26 Nov 2018 13:33:31 +0000
Subject: [PATCH] Increase sidebar to 360px

---
 src/renderer/components/TimelineSpace/Contents.vue            | 2 +-
 .../components/TimelineSpace/Contents/DirectMessages.vue      | 2 +-
 src/renderer/components/TimelineSpace/Contents/Favourites.vue | 2 +-
 .../components/TimelineSpace/Contents/Hashtag/Tag.vue         | 2 +-
 src/renderer/components/TimelineSpace/Contents/Home.vue       | 2 +-
 src/renderer/components/TimelineSpace/Contents/Lists/Show.vue | 2 +-
 src/renderer/components/TimelineSpace/Contents/Local.vue      | 2 +-
 .../components/TimelineSpace/Contents/Notifications.vue       | 2 +-
 src/renderer/components/TimelineSpace/Contents/Public.vue     | 2 +-
 src/renderer/components/TimelineSpace/Contents/SideBar.vue    | 4 ++--
 10 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/renderer/components/TimelineSpace/Contents.vue b/src/renderer/components/TimelineSpace/Contents.vue
index 7a24daae..6e9bc71a 100644
--- a/src/renderer/components/TimelineSpace/Contents.vue
+++ b/src/renderer/components/TimelineSpace/Contents.vue
@@ -45,7 +45,7 @@ export default {
 
   .timeline-wrapper-with-side-bar {
     height: 100%;
-    width: -webkit-calc(100% - 320px);
+    width: calc(100% - 360px);
     overflow: auto;
     transition: all 0.5s;
     scroll-behavior: auto;
diff --git a/src/renderer/components/TimelineSpace/Contents/DirectMessages.vue b/src/renderer/components/TimelineSpace/Contents/DirectMessages.vue
index 1ea06d0a..43bdd284 100644
--- a/src/renderer/components/TimelineSpace/Contents/DirectMessages.vue
+++ b/src/renderer/components/TimelineSpace/Contents/DirectMessages.vue
@@ -241,7 +241,7 @@ export default {
   .upper-with-side-bar {
     position: fixed;
     bottom: 20px;
-    right: -webkit-calc(20px + 320px);
+    right: calc(20px + 360px);
     transition: all 0.5s;
   }
 }
diff --git a/src/renderer/components/TimelineSpace/Contents/Favourites.vue b/src/renderer/components/TimelineSpace/Contents/Favourites.vue
index 0e3b9c37..196992a0 100644
--- a/src/renderer/components/TimelineSpace/Contents/Favourites.vue
+++ b/src/renderer/components/TimelineSpace/Contents/Favourites.vue
@@ -192,6 +192,6 @@ export default {
 .upper-with-side-bar {
   position: fixed;
   bottom: 20px;
-  right: -webkit-calc(20px + 320px);
+  right: calc(20px + 360px);
 }
 </style>
diff --git a/src/renderer/components/TimelineSpace/Contents/Hashtag/Tag.vue b/src/renderer/components/TimelineSpace/Contents/Hashtag/Tag.vue
index 900c0570..d0a196a7 100644
--- a/src/renderer/components/TimelineSpace/Contents/Hashtag/Tag.vue
+++ b/src/renderer/components/TimelineSpace/Contents/Hashtag/Tag.vue
@@ -249,7 +249,7 @@ export default {
 .upper-with-side-bar {
   position: fixed;
   bottom: 20px;
-  right: -webkit-calc(20px + 320px);
+  right: calc(20px + 360px);
 }
 </style>
 <style src="@/assets/timeline-transition.scss"></style>
diff --git a/src/renderer/components/TimelineSpace/Contents/Home.vue b/src/renderer/components/TimelineSpace/Contents/Home.vue
index d6377453..3282e4bd 100644
--- a/src/renderer/components/TimelineSpace/Contents/Home.vue
+++ b/src/renderer/components/TimelineSpace/Contents/Home.vue
@@ -210,7 +210,7 @@ export default {
   .upper-with-side-bar {
     position: fixed;
     bottom: 20px;
-    right: -webkit-calc(20px + 320px);
+    right: calc(20px + 360px);
     transition: all 0.5s;
   }
 }
diff --git a/src/renderer/components/TimelineSpace/Contents/Lists/Show.vue b/src/renderer/components/TimelineSpace/Contents/Lists/Show.vue
index 6590c3c7..4864a740 100644
--- a/src/renderer/components/TimelineSpace/Contents/Lists/Show.vue
+++ b/src/renderer/components/TimelineSpace/Contents/Lists/Show.vue
@@ -248,7 +248,7 @@ export default {
 .upper-with-side-bar {
   position: fixed;
   bottom: 20px;
-  right: -webkit-calc(20px + 320px);
+  right: calc(20px + 360px);
 }
 </style>
 <style src="@/assets/timeline-transition.scss"></style>
diff --git a/src/renderer/components/TimelineSpace/Contents/Local.vue b/src/renderer/components/TimelineSpace/Contents/Local.vue
index 2dca3a8c..0013ccd3 100644
--- a/src/renderer/components/TimelineSpace/Contents/Local.vue
+++ b/src/renderer/components/TimelineSpace/Contents/Local.vue
@@ -239,7 +239,7 @@ export default {
   .upper-with-side-bar {
     position: fixed;
     bottom: 20px;
-    right: -webkit-calc(20px + 320px);
+    right: calc(20px + 360px);
   }
 }
 </style>
diff --git a/src/renderer/components/TimelineSpace/Contents/Notifications.vue b/src/renderer/components/TimelineSpace/Contents/Notifications.vue
index 121e6b83..7d9b80c0 100644
--- a/src/renderer/components/TimelineSpace/Contents/Notifications.vue
+++ b/src/renderer/components/TimelineSpace/Contents/Notifications.vue
@@ -204,7 +204,7 @@ export default {
   .upper-with-side-bar {
     position: fixed;
     bottom: 20px;
-    right: -webkit-calc(20px + 320px);
+    right: calc(20px + 360px);
   }
 }
 </style>
diff --git a/src/renderer/components/TimelineSpace/Contents/Public.vue b/src/renderer/components/TimelineSpace/Contents/Public.vue
index a9047f4f..5ee6c1ff 100644
--- a/src/renderer/components/TimelineSpace/Contents/Public.vue
+++ b/src/renderer/components/TimelineSpace/Contents/Public.vue
@@ -239,7 +239,7 @@ export default {
   .upper-with-side-bar {
     position: fixed;
     bottom: 20px;
-    right: -webkit-calc(20px + 320px);
+    right: calc(20px + 360px);
   }
 }
 </style>
diff --git a/src/renderer/components/TimelineSpace/Contents/SideBar.vue b/src/renderer/components/TimelineSpace/Contents/SideBar.vue
index 0d7a9d11..c7e52b26 100644
--- a/src/renderer/components/TimelineSpace/Contents/SideBar.vue
+++ b/src/renderer/components/TimelineSpace/Contents/SideBar.vue
@@ -79,7 +79,7 @@ export default {
   position: fixed;
   top: 48px;
   right: 0;
-  width: 320px;
+  width: 360px;
   height: calc(100% - 48px);
   border-left: solid 1px var(--theme-border-color);
 
@@ -111,7 +111,7 @@ export default {
   transition: all 0.5s;
 }
 .slide-detail-enter, .slide-detail-leave-to {
-  margin-right: -320px;
+  margin-right: -360px;
   opacity: 0;
 }
 </style>