nexus/vuefilemanager
2
0
Fork 0
mirror of https://github.com/VueFileManager/vuefilemanager.git synced 2026-04-19 00:22:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixes:

Browse Source 
- [x] Ipad landscape in teams missing heads widget
- [x] Ipad portrait (sm) full screen mode
- [x] Ipad landscape add file handler button
- [x] In recent upload, shared items and trash is search instead spotlight text button
- [x] Dissapearing mobile context menu animation is buggy
- [x] Fileitemgrid in single shared item refactoring
- [x] Ipad landscape add eye icon to show info details list/grid
This commit is contained in:
Čarodej
2021-11-01 11:22:23 +01:00
parent 1e515ede88
commit e6133d6071
19 changed files with 212 additions and 92 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
resources/js/components/FilesView/ItemGrid.vue
View File

@@ -1,7 +1,7 @@
<template>
<div
:class="{'dark:bg-dark-foreground bg-light-background': isClicked}"
class="flex flex-wrap items-center justify-center relative z-0 text-center lg:h-52 h-48 px-1 pt-2 rounded-lg select-none border-2 border-transparent border-dashed dark:hover:bg-dark-foreground lg:hover:bg-light-background"
class="flex flex-wrap items-center justify-center relative z-0 text-center lg:h-60 sm:h-56 h-48 px-1 pt-2 rounded-lg select-none border-2 border-transparent border-dashed dark:hover:bg-dark-foreground lg:hover:bg-light-background"
:draggable="canDrag"
spellcheck="false"
>
@@ -76,8 +76,14 @@
</div>
<!-- Mobile item action button-->
<div v-if="! isMultiSelectMode" class="inline-block py-0.5 px-2 md:hidden">
<MoreHorizontalIcon @mousedown.stop="showItemActions" size="16" class="vue-feather text-theme dark-text-theme inline-block transform scale-110" />
<div v-if="mobileHandler && ! isMultiSelectMode && $isMobile()" class="flex items-center justify-center py-0.5 px-2 relative">
<div @mouseup.stop="$openInDetailPanel(entry)" class="p-2.5 sm:block hidden">
<eye-icon size="18" class="vue-feather opacity-30 inline-block" />
</div>
<div @mouseup.stop="showItemActions" class="p-2.5">
<MoreHorizontalIcon size="18" class="vue-feather text-theme dark-text-theme inline-block" />
</div>
</div>
</div>
</div>
@@ -85,7 +91,7 @@
<script>
import FolderIcon from '/resources/js/components/FilesView/FolderIcon'
import {LinkIcon, MoreHorizontalIcon} from 'vue-feather-icons'
import {LinkIcon, MoreHorizontalIcon, EyeIcon} from 'vue-feather-icons'
import FileIconThumbnail from "./FileIconThumbnail";
import MemberAvatar from "./MemberAvatar";
import CheckBox from "./CheckBox";
@@ -102,8 +108,10 @@
FolderIcon,
CheckBox,
LinkIcon,
EyeIcon,
},
props: [
'mobileHandler',
'entry',
],
data() {