+
+ {{ $t('actions.search')}}
+
{{ filterLocationTitle }}
@@ -64,6 +73,9 @@
+
+ {{ $t('actions.search')}}
+
{{ filterLocationTitle }}
@@ -80,6 +92,9 @@
+
+ {{ $t('actions.search')}}
+
{{ filterLocationTitle }}
@@ -150,6 +165,9 @@
}
},
methods: {
+ showSpotlight() {
+ events.$emit('spotlight:show')
+ },
showLocations() {
events.$emit('mobile-menu:show', 'file-filter')
},
diff --git a/resources/js/components/FilesView/FileBrowser.vue b/resources/js/components/FilesView/FileBrowser.vue
index 6c5aba9d..3c4ea8e8 100644
--- a/resources/js/components/FilesView/FileBrowser.vue
+++ b/resources/js/components/FilesView/FileBrowser.vue
@@ -18,8 +18,6 @@
>
-
-
@@ -66,14 +64,7 @@
-
-
-
-
+
@@ -91,7 +82,6 @@
import FileItemList from '@/components/FilesView/FileItemList'
import FileItemGrid from '@/components/FilesView/FileItemGrid'
import InfoSidebar from '@/components/FilesView/InfoSidebar'
- import SearchBar from '@/components/FilesView/SearchBar'
import {mapGetters} from 'vuex'
import {events} from '@/bus'
import {debounce} from "lodash";
@@ -106,7 +96,6 @@
FileItemGrid,
EmptyMessage,
InfoSidebar,
- SearchBar,
},
computed: {
...mapGetters([
@@ -114,7 +103,6 @@
'isVisibleSidebar',
'FilePreviewType',
'currentFolder',
- 'isSearching',
'clipboard',
'isLoading',
'entries'
@@ -126,7 +114,7 @@
return this.FilePreviewType === 'list'
},
isEmpty() {
- return this.entries.length == 0
+ return this.entries.length === 0
},
draggedItems() {
//Set opacity for dragged items
diff --git a/resources/js/components/FilesView/MobileActionButton.vue b/resources/js/components/FilesView/MobileActionButton.vue
index f7fa6891..bca94ee8 100644
--- a/resources/js/components/FilesView/MobileActionButton.vue
+++ b/resources/js/components/FilesView/MobileActionButton.vue
@@ -1,6 +1,7 @@
@@ -59,86 +41,46 @@
position: relative;
background: $light_background;
border-radius: 8px;
+ cursor: pointer;
- input {
- background: transparent;
+ .message {
border-radius: 8px;
- outline: 0;
- padding: 9px 20px 9px 43px;
- font-weight: 400;
- @include font-size(16);
+ padding: 11px 20px;
min-width: 300px;
- transition: 0.15s all ease;
- border: 1px solid white;
- -webkit-appearance: none;
+ text-align: left;
+ display: flex;
+ justify-content: space-between;
- &::placeholder {
- color: #B9B9B9;
- @include font-size(13);
- font-weight: 500;
- }
- }
-
- .icon {
- position: absolute;
- top: 0;
- left: 0;
- padding: 11px 15px;
-
- .pointer {
- cursor: pointer;
- }
-
- circle, line {
- stroke: #B9B9B9;
+ span {
+ font-weight: 400;
+ @include font-size(14);
+ color: #B9B9B9;
}
}
}
@media only screen and (max-width: 1024px) {
- .search-bar input {
+ .search-bar .message {
max-width: 190px;
- padding-right: 0;
}
}
@media only screen and (max-width: 690px) {
- .search-bar {
-
- input {
- min-width: initial;
- width: 100%;
- max-width: initial;
- padding: 9px 20px 9px 30px;
-
- &:focus {
- border: 1px solid transparent;
- box-shadow: none;
- }
- }
-
- .icon {
- padding: 11px 15px 11px 0;
- }
- }
-
+ .search-bar .message {
+ min-width: initial;
+ width: 100%;
+ max-width: initial;
+ }
}
.dark-mode {
.search-bar {
- input {
- border-color: transparent;
- color: $dark_mode_text_primary;
+ background: $dark_mode_foreground;
- &::placeholder {
- color: $dark_mode_text_secondary;
- }
- }
-
- .icon svg path {
- fill: $dark_mode_text_secondary;
+ .message span {
+ color: $dark_mode_text_secondary;
}
}
}
diff --git a/resources/js/components/Sidebar/SidebarNavigation.vue b/resources/js/components/Sidebar/SidebarNavigation.vue
index 2ef617f3..c2acae78 100644
--- a/resources/js/components/Sidebar/SidebarNavigation.vue
+++ b/resources/js/components/Sidebar/SidebarNavigation.vue
@@ -265,7 +265,7 @@
}
.menu-bar {
- background: $dark_mode_foreground;
+ background: #181a1b;
}
}
diff --git a/resources/js/components/Spotlight/Spotlight.vue b/resources/js/components/Spotlight/Spotlight.vue
index 675f5fbe..e3c2cc63 100644
--- a/resources/js/components/Spotlight/Spotlight.vue
+++ b/resources/js/components/Spotlight/Spotlight.vue
@@ -1,31 +1,44 @@
-
-
+
+
+
+
-
-
-
+
+
+
+
+
- {{ i === 0 ? '↵' : getSystemMetaKeyIcon() + i}}
+ {{ i === 0 ? '↵' : metaKeyIcon + i}}
+
+
+
+ {{ $t('messages.nothing_was_found') }}
+
@@ -34,8 +47,7 @@