From 4e86e7dd4b7033ca5f0b76fd0cf74ddfc6157067 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C4=8Carodej?= <peterpapp@makingcg.com>
Date: Mon, 1 Nov 2021 15:58:56 +0100
Subject: [PATCH] - toaster fix - go back animation in location title

---
 public/mix-manifest.json                      | 39 ++++++++++++++++++-
 .../js/components/FilesView/MobileToolbar.vue |  6 +--
 .../Others/Notifications/ToasterItem.vue      |  2 +-
 .../Others/Notifications/ToasterWrapper.vue   |  2 +-
 4 files changed, 42 insertions(+), 7 deletions(-)

diff --git a/public/mix-manifest.json b/public/mix-manifest.json
index 03dab947..6dd52206 100644
--- a/public/mix-manifest.json
+++ b/public/mix-manifest.json
@@ -59,7 +59,7 @@
     "/chunks/plans.js": "/chunks/plans.js?id=6fca685daa45f22e4c8f",
     "/chunks/platform.js": "/chunks/platform.js?id=1bfb27954f1608451825",
     "/chunks/platform~chunks/settings-subscription~chunks/shared~chunks/user-subscription.js": "/chunks/platform~chunks/settings-subscription~chunks/shared~chunks/user-subscription.js?id=8656b69a97cace919251",
-    "/chunks/platform~chunks/shared.js": "/chunks/platform~chunks/shared.js?id=f33df3d82a23b34e73d0",
+    "/chunks/platform~chunks/shared.js": "/chunks/platform~chunks/shared.js?id=deeb9a69d518ff12d81e",
     "/chunks/profile.js": "/chunks/profile.js?id=0638997b77c6f1246062",
     "/chunks/profile~chunks/settings-password.js": "/chunks/profile~chunks/settings-password.js?id=58edfb3a35062e1ba4e0",
     "/chunks/purchase-code.js": "/chunks/purchase-code.js?id=f8b2619e393a5823bf29",
@@ -750,5 +750,40 @@
     "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.a70f970ee3431f362710.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.a70f970ee3431f362710.hot-update.js",
     "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.57f396cf3049693ab57a.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.57f396cf3049693ab57a.hot-update.js",
     "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.39fe57594833ae16b4ac.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.39fe57594833ae16b4ac.hot-update.js",
-    "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.89e652730e62096bf10d.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.89e652730e62096bf10d.hot-update.js"
+    "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.89e652730e62096bf10d.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.89e652730e62096bf10d.hot-update.js",
+    "/js/main.f99c1131ce523a3c7b3c.hot-update.js": "/js/main.f99c1131ce523a3c7b3c.hot-update.js",
+    "/js/main.f2d842fc20381a70d9f3.hot-update.js": "/js/main.f2d842fc20381a70d9f3.hot-update.js",
+    "/js/main.488948cac8b62f9db0bc.hot-update.js": "/js/main.488948cac8b62f9db0bc.hot-update.js",
+    "/js/main.63bf4c523b839eade262.hot-update.js": "/js/main.63bf4c523b839eade262.hot-update.js",
+    "/js/main.46a3d6fb3325ce8964d7.hot-update.js": "/js/main.46a3d6fb3325ce8964d7.hot-update.js",
+    "/js/main.43ac6afcdb247576db16.hot-update.js": "/js/main.43ac6afcdb247576db16.hot-update.js",
+    "/js/main.b4ea2c5b70e4cb293b4d.hot-update.js": "/js/main.b4ea2c5b70e4cb293b4d.hot-update.js",
+    "/js/main.f7d204945dd958c45707.hot-update.js": "/js/main.f7d204945dd958c45707.hot-update.js",
+    "/js/main.62cf1138c1006e7b9c46.hot-update.js": "/js/main.62cf1138c1006e7b9c46.hot-update.js",
+    "/chunks/platform~chunks/shared.984d8136eb6fe364788e.hot-update.js": "/chunks/platform~chunks/shared.984d8136eb6fe364788e.hot-update.js",
+    "/chunks/platform~chunks/shared.fcd19fa3c69a3848edd2.hot-update.js": "/chunks/platform~chunks/shared.fcd19fa3c69a3848edd2.hot-update.js",
+    "/chunks/platform~chunks/shared.0c2da59e19ebd79c7daf.hot-update.js": "/chunks/platform~chunks/shared.0c2da59e19ebd79c7daf.hot-update.js",
+    "/chunks/platform~chunks/shared.cc4f316ab17d48ffc176.hot-update.js": "/chunks/platform~chunks/shared.cc4f316ab17d48ffc176.hot-update.js",
+    "/chunks/platform~chunks/shared.42a6d1d55e11af73c446.hot-update.js": "/chunks/platform~chunks/shared.42a6d1d55e11af73c446.hot-update.js",
+    "/chunks/platform~chunks/shared.9477b493bc304706573d.hot-update.js": "/chunks/platform~chunks/shared.9477b493bc304706573d.hot-update.js",
+    "/chunks/platform~chunks/shared.a9f2661ef362c13a5d7e.hot-update.js": "/chunks/platform~chunks/shared.a9f2661ef362c13a5d7e.hot-update.js",
+    "/chunks/platform~chunks/shared.384588208e5a9da6d868.hot-update.js": "/chunks/platform~chunks/shared.384588208e5a9da6d868.hot-update.js",
+    "/chunks/platform~chunks/shared.34296d3238eb7bc458fc.hot-update.js": "/chunks/platform~chunks/shared.34296d3238eb7bc458fc.hot-update.js",
+    "/chunks/platform~chunks/shared.fff75826f28564f9ffc0.hot-update.js": "/chunks/platform~chunks/shared.fff75826f28564f9ffc0.hot-update.js",
+    "/chunks/platform~chunks/shared.0af7cc533118b62d6009.hot-update.js": "/chunks/platform~chunks/shared.0af7cc533118b62d6009.hot-update.js",
+    "/chunks/platform~chunks/shared.77d40e92a87e847ed792.hot-update.js": "/chunks/platform~chunks/shared.77d40e92a87e847ed792.hot-update.js",
+    "/chunks/platform~chunks/shared.82b4e922f01db42c6872.hot-update.js": "/chunks/platform~chunks/shared.82b4e922f01db42c6872.hot-update.js",
+    "/chunks/platform~chunks/shared.94628ae3a6f35276fe18.hot-update.js": "/chunks/platform~chunks/shared.94628ae3a6f35276fe18.hot-update.js",
+    "/chunks/platform~chunks/shared.97ebdec5987ae3619e26.hot-update.js": "/chunks/platform~chunks/shared.97ebdec5987ae3619e26.hot-update.js",
+    "/chunks/platform~chunks/shared.4999a07c65993c3ccd30.hot-update.js": "/chunks/platform~chunks/shared.4999a07c65993c3ccd30.hot-update.js",
+    "/chunks/platform~chunks/shared.d40f32b6c3e151c01563.hot-update.js": "/chunks/platform~chunks/shared.d40f32b6c3e151c01563.hot-update.js",
+    "/chunks/platform~chunks/shared.cb2ede55137f51864731.hot-update.js": "/chunks/platform~chunks/shared.cb2ede55137f51864731.hot-update.js",
+    "/chunks/platform~chunks/shared.cf54c4caf9ab074fa1fb.hot-update.js": "/chunks/platform~chunks/shared.cf54c4caf9ab074fa1fb.hot-update.js",
+    "/chunks/platform~chunks/shared.1759e7c7f6cd8ba82cf4.hot-update.js": "/chunks/platform~chunks/shared.1759e7c7f6cd8ba82cf4.hot-update.js",
+    "/chunks/platform~chunks/shared.6469ca0ded5fa80f6d19.hot-update.js": "/chunks/platform~chunks/shared.6469ca0ded5fa80f6d19.hot-update.js",
+    "/chunks/platform~chunks/shared.1e0921ef3a32e4e8dce2.hot-update.js": "/chunks/platform~chunks/shared.1e0921ef3a32e4e8dce2.hot-update.js",
+    "/chunks/platform~chunks/shared.c7496b49748df484cac6.hot-update.js": "/chunks/platform~chunks/shared.c7496b49748df484cac6.hot-update.js",
+    "/chunks/platform~chunks/shared.0b3bd148f3db3e44a8da.hot-update.js": "/chunks/platform~chunks/shared.0b3bd148f3db3e44a8da.hot-update.js",
+    "/chunks/platform~chunks/shared.77da06c091f786b87bb3.hot-update.js": "/chunks/platform~chunks/shared.77da06c091f786b87bb3.hot-update.js",
+    "/chunks/platform~chunks/shared.195a62287c751e19f499.hot-update.js": "/chunks/platform~chunks/shared.195a62287c751e19f499.hot-update.js"
 }
diff --git a/resources/js/components/FilesView/MobileToolbar.vue b/resources/js/components/FilesView/MobileToolbar.vue
index ac098549..f7f0b034 100644
--- a/resources/js/components/FilesView/MobileToolbar.vue
+++ b/resources/js/components/FilesView/MobileToolbar.vue
@@ -3,14 +3,14 @@
 
         <!-- Go back-->
 		<div @click="goBack" class="go-back-button flex text-left items-center">
-            <chevron-left-icon size="17" class="pointer-events-none opacity-20 align-middle cursor-pointer mr-2 -ml-1" :class="{'pointer-events-auto opacity-100': isLoadedFolder }" />
+            <chevron-left-icon size="17" :class="{'opacity-0 -translate-x-3': ! isLoadedFolder, 'opacity-100 translate-x-0': isLoadedFolder }" class="transform align-middle cursor-pointer mr-2 -ml-1 transition-all duration-200" />
 
 			<!--Folder Title-->
-			<div class="lg:text-base text-sm align-middle font-bold overflow-hidden overflow-ellipsis inline-block whitespace-nowrap" style="max-width: 200px;">
+			<div :class="{'-translate-x-4': ! isLoadedFolder}" class="transform lg:text-base text-sm align-middle font-bold overflow-hidden overflow-ellipsis inline-block whitespace-nowrap transition-all duration-200" style="max-width: 200px;">
 				{{ $getCurrentLocationName() }}
 			</div>
 
-			<span v-if="currentFolder" @click.stop="showItemActions" class="py-0.5 px-1.5 ml-3 rounded-md dark:bg-dark-foreground bg-light-background">
+			<span @click.stop="showItemActions" :class="{'-translate-x-4 opacity-0': ! currentFolder, 'translate-x-0 opacity-100': currentFolder}" class="transform py-0.5 px-1.5 ml-3 rounded-md dark:bg-dark-foreground bg-light-background transition-all duration-200">
 				<more-horizontal-icon size="14" />
 			</span>
         </div>
diff --git a/resources/js/components/Others/Notifications/ToasterItem.vue b/resources/js/components/Others/Notifications/ToasterItem.vue
index 7a011b3b..9f35f22b 100644
--- a/resources/js/components/Others/Notifications/ToasterItem.vue
+++ b/resources/js/components/Others/Notifications/ToasterItem.vue
@@ -36,7 +36,7 @@
         created() {
             this.isActive = 1
 
-            setTimeout(() => (this.isActive = 0), 55000)
+            //setTimeout(() => (this.isActive = 0), 55000)
         }
     }
 </script>
diff --git a/resources/js/components/Others/Notifications/ToasterWrapper.vue b/resources/js/components/Others/Notifications/ToasterWrapper.vue
index 2cfebc36..ad7d6f00 100644
--- a/resources/js/components/Others/Notifications/ToasterWrapper.vue
+++ b/resources/js/components/Others/Notifications/ToasterWrapper.vue
@@ -43,7 +43,7 @@
     }
 
     #toaster-wrapper {
-        position: absolute;
+        position: fixed;
         right: 30px;
         bottom: 30px;
         z-index: 90;