From 5364b3fb13aa831afec2537e4a7773ad2f015a2c Mon Sep 17 00:00:00 2001
From: Graham Steffaniak <gtsteff@gmail.com>
Date: Sat, 29 Jul 2023 10:37:16 -0500
Subject: [PATCH 1/4] updated hovers

---
 frontend/src/store/mutations.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/frontend/src/store/mutations.js b/frontend/src/store/mutations.js
index b60973b7..31ea1b51 100644
--- a/frontend/src/store/mutations.js
+++ b/frontend/src/store/mutations.js
@@ -3,6 +3,7 @@ import moment from "moment";
 
 const mutations = {
   closeHovers: (state) => {
+    console.log("closing hovers")
     state.show = null;
     state.showConfirm = null;
   },
@@ -10,6 +11,7 @@ const mutations = {
     state.showShell = !state.showShell;
   },
   showHover: (state, value) => {
+    console.log("showing hovers")
     if (typeof value !== "object") {
       state.show = value;
       return;

From c768f3762a52f227288c0b0cc4465624d24cb9c1 Mon Sep 17 00:00:00 2001
From: Graham Steffaniak <gtsteff@gmail.com>
Date: Sat, 29 Jul 2023 10:38:55 -0500
Subject: [PATCH 2/4] add everything back

---
 frontend/src/css/base.css            | 29 ++++++++++++++++-
 frontend/src/css/mobile.css          | 27 ----------------
 frontend/src/views/files/Listing.vue | 48 +---------------------------
 3 files changed, 29 insertions(+), 75 deletions(-)

diff --git a/frontend/src/css/base.css b/frontend/src/css/base.css
index 4c55994a..9e06d9e7 100644
--- a/frontend/src/css/base.css
+++ b/frontend/src/css/base.css
@@ -170,4 +170,31 @@ body.rtl .breadcrumbs a {
 
 .break-word {
   word-break: break-all;
-}
\ No newline at end of file
+}
+
+#file-selection {
+  position: fixed;
+  bottom: 1em;
+  left: 50%;
+  transform: translateX(-50%);
+  display: flex;
+  align-items: center;
+  background: #fff;
+  box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 3px, rgba(0, 0, 0, 0.12) 0px 1px 2px;
+  width: 95%;
+  max-width: 20em;
+  z-index: 1;
+}
+#file-selection .action {
+  border-radius: 50%;
+  width: auto;
+}
+#file-selection > span {
+  display: inline-block;
+  margin-left: 1em;
+  color: #6f6f6f;
+  margin-right: auto;
+}
+#file-selection .action span {
+  display: none;
+}
diff --git a/frontend/src/css/mobile.css b/frontend/src/css/mobile.css
index 2caa9339..c98ff871 100644
--- a/frontend/src/css/mobile.css
+++ b/frontend/src/css/mobile.css
@@ -25,33 +25,6 @@
     transform-origin: top left;
   }
 
-  #file-selection {
-    position: fixed;
-    bottom: 1em;
-    left: 50%;
-    transform: translateX(-50%);
-    display: flex;
-    align-items: center;
-    background: #fff;
-    box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 3px, rgba(0, 0, 0, 0.12) 0px 1px 2px;
-    width: 95%;
-    max-width: 20em;
-    z-index: 1;
-  }
-  #file-selection .action {
-    border-radius: 50%;
-    width: auto;
-  }
-  #file-selection > span {
-    display: inline-block;
-    margin-left: 1em;
-    color: #6f6f6f;
-    margin-right: auto;
-  }
-  #file-selection .action span {
-    display: none;
-  }
-
   header img {
     display: none;
   }
diff --git a/frontend/src/views/files/Listing.vue b/frontend/src/views/files/Listing.vue
index b9c2e501..73c06e29 100644
--- a/frontend/src/views/files/Listing.vue
+++ b/frontend/src/views/files/Listing.vue
@@ -3,52 +3,6 @@
     <header-bar showMenu showLogo>
       <search />
       <template #actions>
-        <template >
-          <action
-            v-if="headerButtons.share"
-            icon="share"
-            :label="$t('buttons.share')"
-            show="share"
-          />
-          <action
-            v-if="headerButtons.rename"
-            icon="mode_edit"
-            :label="$t('buttons.rename')"
-            show="rename"
-          />
-          <action
-            v-if="headerButtons.copy"
-            id="copy-button"
-            icon="content_copy"
-            :label="$t('buttons.copyFile')"
-            show="copy"
-          />
-          <action
-            v-if="headerButtons.move"
-            id="move-button"
-            icon="forward"
-            :label="$t('buttons.moveFile')"
-            show="move"
-          />
-          <action
-            v-if="headerButtons.delete"
-            id="delete-button"
-            icon="delete"
-            :label="$t('buttons.delete')"
-            show="delete"
-          />
-          <action
-            v-if="headerButtons.info"
-            icon="info"
-            :label="$t('buttons.info')"
-            show="info" />
-          <action
-            v-if="headerButtons.select"
-            icon="check_circle"
-            :label="$t('buttons.selectMultiple')"
-            @action="toggleMultipleSelection"
-          />
-        </template>
         <action
           :icon="viewIcon"
           :label="$t('buttons.switchView')"
@@ -57,7 +11,7 @@
       </template>
     </header-bar>
 
-    <div v-if="isMobile" id="file-selection">
+    <div id="file-selection">
       <span v-if="selectedCount > 0">{{ selectedCount }} selected</span>
       <action
         v-if="headerButtons.share"

From a26f0a42c2ac5fba5f1e9474e949fe40560f4e41 Mon Sep 17 00:00:00 2001
From: Graham Steffaniak <gtsteff@gmail.com>
Date: Sat, 29 Jul 2023 10:42:00 -0500
Subject: [PATCH 3/4] updated

---
 frontend/src/views/files/Listing.vue | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/frontend/src/views/files/Listing.vue b/frontend/src/views/files/Listing.vue
index 73c06e29..4cc67562 100644
--- a/frontend/src/views/files/Listing.vue
+++ b/frontend/src/views/files/Listing.vue
@@ -13,6 +13,12 @@
 
     <div id="file-selection">
       <span v-if="selectedCount > 0">{{ selectedCount }} selected</span>
+      <template >
+      <action
+        v-if="headerButtons.info"
+        icon="info"
+        :label="$t('buttons.info')"
+        show="info" />
       <action
         v-if="headerButtons.share"
         icon="share"

From cbb39d8abe9012b12a279b075b55908facfd4015 Mon Sep 17 00:00:00 2001
From: Graham Steffaniak <gtsteff@gmail.com>
Date: Sat, 29 Jul 2023 11:26:52 -0500
Subject: [PATCH 4/4] updated styling

---
 frontend/src/components/prompts/Prompts.vue | 11 -----------
 frontend/src/css/base.css                   |  2 +-
 frontend/src/css/dashboard.css              | 12 ------------
 frontend/src/css/styles.css                 | 14 --------------
 frontend/src/store/mutations.js             |  2 --
 frontend/src/views/files/Listing.vue        |  3 ---
 6 files changed, 1 insertion(+), 43 deletions(-)

diff --git a/frontend/src/components/prompts/Prompts.vue b/frontend/src/components/prompts/Prompts.vue
index 36cb0349..18b0c9a6 100644
--- a/frontend/src/components/prompts/Prompts.vue
+++ b/frontend/src/components/prompts/Prompts.vue
@@ -1,7 +1,6 @@
 <template>
   <div>
     <component ref="currentComponent" :is="currentComponent"></component>
-    <div v-show="showOverlay" @click="resetPrompts" class="overlay"></div>
   </div>
 </template>
 
@@ -104,16 +103,6 @@ export default {
 
       return (matched && this.show) || null;
     },
-    showOverlay: function () {
-      return (
-        this.show !== null && this.show !== "search" && this.show !== "more"
-      );
-    },
-  },
-  methods: {
-    resetPrompts() {
-      this.$store.commit("closeHovers");
-    },
   },
 };
 </script>
diff --git a/frontend/src/css/base.css b/frontend/src/css/base.css
index 9e06d9e7..720316b5 100644
--- a/frontend/src/css/base.css
+++ b/frontend/src/css/base.css
@@ -182,7 +182,7 @@ body.rtl .breadcrumbs a {
   background: #fff;
   box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 3px, rgba(0, 0, 0, 0.12) 0px 1px 2px;
   width: 95%;
-  max-width: 20em;
+  max-width: 25em;
   z-index: 1;
 }
 #file-selection .action {
diff --git a/frontend/src/css/dashboard.css b/frontend/src/css/dashboard.css
index e36a7bd5..9d3ebcce 100644
--- a/frontend/src/css/dashboard.css
+++ b/frontend/src/css/dashboard.css
@@ -311,18 +311,6 @@ body.rtl .card .card-title>*:first-child {
   flex: 1;
 }
 
-.overlay {
-  background-color: rgba(0, 0, 0, 0);
-  position: fixed;
-  top: 0;
-  left: 0;
-  height: 100%;
-  width: 100%;
-  z-index: 9999;
-  animation: .1s show forwards;
-}
-
-
 /* * * * * * * * * * * * * * * *
  *        PROMPT - MOVE        *
  * * * * * * * * * * * * * * * */
diff --git a/frontend/src/css/styles.css b/frontend/src/css/styles.css
index 2ba99532..4496d3ab 100644
--- a/frontend/src/css/styles.css
+++ b/frontend/src/css/styles.css
@@ -117,20 +117,6 @@ main .spinner .bounce2 {
   background-color: rgba(0, 0, 0, 0.04);
 }
 
-#click-overlay {
-  display: none;
-  position: fixed;
-  cursor: pointer;
-  top: 0;
-  left: 0;
-  height: 100%;
-  width: 100%;
-}
-
-#click-overlay.active {
-  display: block;
-}
-
 .action .counter {
   display: block;
   position: absolute;
diff --git a/frontend/src/store/mutations.js b/frontend/src/store/mutations.js
index 31ea1b51..b60973b7 100644
--- a/frontend/src/store/mutations.js
+++ b/frontend/src/store/mutations.js
@@ -3,7 +3,6 @@ import moment from "moment";
 
 const mutations = {
   closeHovers: (state) => {
-    console.log("closing hovers")
     state.show = null;
     state.showConfirm = null;
   },
@@ -11,7 +10,6 @@ const mutations = {
     state.showShell = !state.showShell;
   },
   showHover: (state, value) => {
-    console.log("showing hovers")
     if (typeof value !== "object") {
       state.show = value;
       return;
diff --git a/frontend/src/views/files/Listing.vue b/frontend/src/views/files/Listing.vue
index 4cc67562..c98fffe9 100644
--- a/frontend/src/views/files/Listing.vue
+++ b/frontend/src/views/files/Listing.vue
@@ -323,9 +323,6 @@ export default {
         copy: this.selectedCount > 0 && this.user.perm.create,
       };
     },
-    isMobile() {
-      return this.width <= 736;
-    },
   },
   watch: {
     req: function () {