updated styling

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>

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 {

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        *
  * * * * * * * * * * * * * * * */

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;

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;

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 () {