Filemanager: Fix file list + button in mobile

This commit is contained in:
nathan 2024-10-23 13:44:34 -06:00
parent 7499465938
commit 69b2a483bb
3 changed files with 48 additions and 9 deletions

View File

@ -59,8 +59,7 @@
display: inline-block !important; display: inline-block !important;
} }
#filemanager-index_nm .nextmatch_header.nm_header_hide .header_row_right, #filemanager-index_nm .nextmatch_header.nm_header_hide .header_row_right,
#filemanager-index_nm .nextmatch_header.nm_header_hide .filtersContainer, #filemanager-index_nm .nextmatch_header.nm_header_hide .filtersContainer {
#filemanager-index_nm .nextmatch_header.nm_header_hide .header_count {
display: none; display: none;
} }
#filemanager-index_nm .nextmatch_header .nextmatch_header_row { #filemanager-index_nm .nextmatch_header .nextmatch_header_row {
@ -127,9 +126,6 @@
height: 60px !important; height: 60px !important;
background-position: center; background-position: center;
z-index: 100; z-index: 100;
background-image: url(../../../api/templates/default/images/topmenu_items/mobile/plus_white.svg) !important;
background-repeat: no-repeat;
background-size: 24px 24px;
margin: 0; margin: 0;
padding: 0; padding: 0;
border: none; border: none;
@ -154,6 +150,26 @@
top: 0px; top: 0px;
width: 93%; width: 93%;
} }
#filemanager-index_filemanager-index-header_left et2-image.plus_button {
position: fixed !important;
right: 15px;
bottom: 15px;
width: 60px;
height: 60px;
font-size: 32px;
line-height: 60px;
color: #fff;
text-align: center;
font-weight: bolder;
display: inline-block;
z-index: 101;
pointer-events: none;
background-color: transparent;
}
#filemanager-index_filemanager-index-header_left et2-image.plus_button::before {
content: "\f64d";
font-family: bootstrap-icons !important;
}
.previewImage img { .previewImage img {
max-width: 100%; max-width: 100%;
} }

View File

@ -114,13 +114,11 @@
height: 60px !important; height: 60px !important;
background-position: center; background-position: center;
z-index: 100; z-index: 100;
background-image: url(../../../api/templates/default/images/topmenu_items/mobile/plus_white.svg) !important;
background-repeat: no-repeat;
background-size: 24px 24px;
border: none; border: none;
margin: 0; margin: 0;
padding: 0; padding: 0;
border: none; border: none;
.et2_file_span::part(base){ .et2_file_span::part(base){
width:50px; width:50px;
height: 50px; height: 50px;
@ -143,6 +141,30 @@
width: 93%; width: 93%;
} }
} }
et2-image.plus_button {
position: fixed !important;
right: 15px;
bottom: 15px;
width: 60px;
height: 60px;
font-size: 32px;
line-height: 60px;
color: #fff;
text-align: center;
font-weight: bolder;
display: inline-block;
z-index: 101;
pointer-events: none;
background-color: transparent;
&::before {
content: "\f64d";
font-family: bootstrap-icons !important;
}
}
} }
.previewImage img {max-width: 100%;} .previewImage img {max-width: 100%;}

View File

@ -50,6 +50,7 @@
</et2-hbox> </et2-hbox>
<et2-vfs-path id="path" onchange="if(widget.getValue() == '') { app.filemanager.change_dir('~',widget);} return true;" class="address"/> <et2-vfs-path id="path" onchange="if(widget.getValue() == '') { app.filemanager.change_dir('~',widget);} return true;" class="address"/>
<file label="" statustext="Select file to upload in current directory" class="plus_button" id="upload" progress_dropdownlist="true" drop_target="divAppbox" multiple="true" onFinishOne="app.filemanager.uploadOnOne"/> <file label="" statustext="Select file to upload in current directory" class="plus_button" id="upload" progress_dropdownlist="true" drop_target="divAppbox" multiple="true" onFinishOne="app.filemanager.uploadOnOne"/>
<et2-image class="plus_button"></et2-image>
</et2-hbox> </et2-hbox>
</template> </template>
<template id="filemanager.index" template="" lang="" group="0" version="1.9.003"> <template id="filemanager.index" template="" lang="" group="0" version="1.9.003">