+
+
{{ $t('file_detail.selected_multiple') }}
{{this.fileInfoDetail.length}} {{ $tc('file_detail.items', this.fileInfoDetail.length) }}
+
+
+
+ {{ $t('file_detail.selected_multiple') }}
+ {{this.fileInfoDetail.length}} {{ $tc('file_detail.items', this.fileInfoDetail.length) }}
+
+
+
+ {{ this.dragedItem.name }}
+
+
@@ -16,10 +28,14 @@ import {mapGetters} from 'vuex'
export default {
name:'MultiSelected',
- props: ['moveItem' , 'cloneElement'],
+ props: ['moveItem' , 'dragedGhost' , 'dragedItem'],
components: {CheckSquareIcon},
computed: {
- ...mapGetters(['fileInfoDetail'])
+ ...mapGetters(['fileInfoDetail']),
+ // If the draged item is not in selected items
+ noSelectedItem() {
+ return !this.fileInfoDetail.includes(this.dragedItem)
+ }
},
}
@@ -28,8 +44,19 @@ import {mapGetters} from 'vuex'
diff --git a/resources/js/main.js b/resources/js/main.js
index 582b2477..0111fdf2 100644
--- a/resources/js/main.js
+++ b/resources/js/main.js
@@ -97,3 +97,10 @@ var vueFileManager = new Vue({
},
render: (h) => h(App),
}).$mount("#app");
+
+document.addEventListener('drag', (event) => {
+ let multiSelect = document.getElementById('multi-select-ui')
+ multiSelect.style.top = event.clientY +25 + 'px'
+ multiSelect.style.left = event.clientX - 50 + 'px'
+
+},false)
diff --git a/resources/sass/app.scss b/resources/sass/app.scss
index d26b0770..0a1a7219 100644
--- a/resources/sass/app.scss
+++ b/resources/sass/app.scss
@@ -440,29 +440,25 @@
}
-::-webkit-scrollbar {
- width: 4px;
- // border-radius: 15px;
-}
+.scroll-bar {
+ ::-webkit-scrollbar {
+ width: 18px;
+ height: 18px;
+ cursor: pointer;
-/* Handle */
-::-webkit-scrollbar-thumb {
- width: 4px;
- background: #7f7f7f;
- border-radius: 25px;
-
-}
-::-webkit-scrollbar-track {
- width: 8px;
- padding: 4px;
-}
-
-@media (prefers-color-scheme: dark) {
-
- ::-webkit-scrollbar-thumb {
- background: $light_text;
-
}
+ ::-webkit-scrollbar-thumb {
+ border: 6px solid white;
+ background: #7f7f7f;
+ border-radius: 25px;
+ }
+}
+@media (prefers-color-scheme: dark) {
+ .scroll-bar {
+ ::-webkit-scrollbar-thumb {
+ border: 6px solid $dark_mode_background;
+ background: $dark_mode_foreground !important;
+ }
+ }
}
-