make all overlays closable

src/App.vue

@@ -185,8 +185,7 @@
                 }
             },
             closeOverlays: function() {
-                this.$data.showUpdateOverlay = false;
-                this.$data.showDownloadOverlay = false;
+                ipcRenderer.send("overlays-close");
             }
         }
     }

src/background.js

@@ -158,6 +158,10 @@ ipcMain.on("getDeeplink", (event) => {
   });
 });
 
+ipcMain.on("overlays-close", () => {
+  win.webContents.send("overlays-close");
+});
+
 function download(url, fileName, cb) {
     let dest = path.join(app.getPath('temp'), fileName + ".zip");
     let file = fs.createWriteStream(dest);

src/components/Overlays/DeleteOverlay.vue

@@ -17,7 +17,8 @@
 </template>
 
 <script>
-    import { remote } from 'electron';
+    import { remote, ipcRenderer } from 'electron';
+    import { path } from 'path';
     const { shell } = remote;
 
     export default {
@@ -25,6 +26,11 @@
         props: [
             'deleteFiles'
         ],
+        mounted: function() {
+            ipcRenderer.on("overlays-close", () => {
+                this.close();
+            });
+        },
         methods: {
             confirm() {
                 this.$parent.$emit('deleteConfirm');
@@ -50,7 +56,7 @@
         align-items: center;
 
         & .delete-content {
-            width: 500px;
+            width: 700px;
             background: #212629;
             border-radius: 6px;
             position: relative;
@@ -71,6 +77,8 @@
                 }
                 & .delete-files {
                     font-size: 12px;
+                    max-height: 50vh;
+                    overflow-y: auto;
 
                     & span {
                         display: block;

src/components/Overlays/DownloadOverlay.vue

@@ -33,7 +33,10 @@
         props: [
             'downloadQueue'
         ],
-        mounted: function(){
+        mounted: function() {
+            ipcRenderer.on("overlays-close", () => {
+                this.close();
+            });
             ipcRenderer.on('downloadProgress', (event, data) => {
                 this.$data.downloadProgress = data
             });

src/components/Overlays/PlayOverlay.vue

@@ -42,6 +42,11 @@
             'hasExpertDifficulty',
             'hasXDDifficulty'
         ],
+        mounted: function() {
+            ipcRenderer.on("overlays-close", () => {
+                this.close();
+            });
+        },
         methods: {
             play: function(difficulty) {
                 shell.openExternal('steam://run/1058830//play "' + this.$props.fileReference + '.srtb" difficulty ' + difficulty);

src/components/Overlays/UpdateOverlay.vue

@@ -33,6 +33,11 @@
         props: [
             'isAvailable'
         ],
+        mounted: function() {
+            ipcRenderer.on("overlays-close", () => {
+                this.close();
+            });
+        },
         methods: {
             OpenAndHideOverlay: function() {
                 // Open Update