From da23dd99c6341abd59818e2ab26cdc9a4d45873b Mon Sep 17 00:00:00 2001
From: "norman@huth.it" <iKC$h2RySsJu>
Date: Thu, 12 May 2022 10:16:12 +0200
Subject: [PATCH] Add fix for scrollbar overflow (Nova 4.5.2)

---
 README.md                               |  3 ++
 composer.json                           |  2 +-
 resources/Nova/js/layouts/AppLayout.vue | 67 +++++++++++++++++++++++++
 3 files changed, 71 insertions(+), 1 deletion(-)
 create mode 100644 resources/Nova/js/layouts/AppLayout.vue

diff --git a/README.md b/README.md
index e55e82f..70259d1 100644
--- a/README.md
+++ b/README.md
@@ -6,6 +6,9 @@ Then the assets are recompiled and published with the Force option.
 
 Attention. The original vendor files will be overwritten.
 
+## Overflow Fix Nova 4.5.2
+[resources/Nova/js/layouts/AppLayout.vue](resources/Nova/js/layouts/AppLayout.vue)
+
 ## Install
 ```
 composer require norman-huth/nova-assets-changer
diff --git a/composer.json b/composer.json
index b46ef99..1a78d6c 100644
--- a/composer.json
+++ b/composer.json
@@ -26,7 +26,7 @@
         }
     },
     "require": {
-        "laravel/nova": "^4.3.0"
+        "laravel/nova": "^4.5.2"
     },
     "extra": {
         "laravel": {
diff --git a/resources/Nova/js/layouts/AppLayout.vue b/resources/Nova/js/layouts/AppLayout.vue
new file mode 100644
index 0000000..2ce07f6
--- /dev/null
+++ b/resources/Nova/js/layouts/AppLayout.vue
@@ -0,0 +1,67 @@
+<!-- Fixed Navbar Scroll -->
+<template>
+  <div id="nova">
+    <MainHeader />
+
+    <!-- Content -->
+    <div class="content" data-testid="content">
+      <div
+        class="content hidden lg:block lg:absolute left-0 bottom-0 overflow-x-hidden overflow-y-auto lg:top-[56px] w-60 px-3 py-5"
+      >
+        <MainMenu />
+      </div>
+
+      <div class="p-4 md:py-8 md:px-12 lg:ml-60">
+        <FadeTransition>
+          <slot />
+        </FadeTransition>
+
+        <Footer />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import MainHeader from '@/layouts/MainHeader'
+import Footer from '@/layouts/Footer'
+
+export default {
+  components: {
+    MainHeader,
+    Footer,
+  },
+
+  mounted() {
+    Nova.$on('error', this.handleError)
+    Nova.$on('token-expired', this.handleTokenExpired)
+  },
+
+  beforeUnmount() {
+    Nova.$off('error', this.handleError)
+    Nova.$off('token-expired', this.handleTokenExpired)
+  },
+
+  methods: {
+    handleError(message) {
+      Nova.error(message)
+    },
+
+    handleTokenExpired() {
+      // @TODO require Nova._createToast() to support action with link.
+      Nova.$toasted.show(this.__('Sorry, your session has expired.'), {
+        action: {
+          onClick: () => Nova.redirectToLogin(),
+          text: this.__('Reload'),
+        },
+        duration: null,
+        type: 'error',
+      })
+
+      setTimeout(() => {
+        Nova.redirectToLogin()
+      }, 5000)
+    },
+  },
+}
+</script>