* Filemanager/Mobile theme: Improve navigation bar to be able to navigate through folders with single-touch

This commit is contained in:
Hadi Nategh 2017-02-08 10:39:42 +01:00
parent 8de7b6a953
commit bd55a576b4
3 changed files with 39 additions and 13 deletions

View File

@ -382,10 +382,11 @@ div#stylite-filemanager-upload .dialogFooterToolbar button:active {
overflow: auto; overflow: auto;
width: 100%; width: 100%;
padding-top: 5px; padding-top: 5px;
height: auto;
} }
#filemanager-index_nm .buttons img { #filemanager-index_nm .buttons img {
width: 32px; width: 24px;
height: 32px; height: 24px;
padding-left: 15px; padding-left: 15px;
} }
#filemanager-index_nm #filemanager-index_tarp { #filemanager-index_nm #filemanager-index_tarp {
@ -401,12 +402,27 @@ div#stylite-filemanager-upload .dialogFooterToolbar button:active {
#filemanager-index_nm .nextmatch_header.nm_header_hide .filtersContainer { #filemanager-index_nm .nextmatch_header.nm_header_hide .filtersContainer {
display: none; display: none;
} }
#filemanager-index_nm .nextmatch_header .nextmatch_header_row {
padding-bottom: 0px;
}
#filemanager-index_nm .nextmatch_header .filemanager_navigation { #filemanager-index_nm .nextmatch_header .filemanager_navigation {
height: auto; height: auto;
} }
#filemanager-index_nm .nextmatch_header .filemanager_navigation #filemanager-index_path { #filemanager-index_nm .nextmatch_header .filemanager_navigation #filemanager-index_path {
height: 50px; height: 50px;
width: 99%; width: calc(100% - 90px);
display: inline-block;
border: none;
background: white;
}
#filemanager-index_nm .nextmatch_header .filemanager_navigation #filemanager-index_path:focus {
outline: none;
}
#filemanager-index_nm .nextmatch_header .filemanager_navigation #filemanager-index_up {
width: 24px;
height: 100%;
margin-left: 22px;
margin-right: 22px;
} }
#filemanager-index_nm .nextmatch_header div.filtersContainer { #filemanager-index_nm .nextmatch_header div.filtersContainer {
margin-top: 0px; margin-top: 0px;

View File

@ -48,10 +48,11 @@
width:100%; width:100%;
padding-top:5px; padding-top:5px;
img{ img{
width: 32px; width: 24px;
height: 32px; height: 24px;
padding-left: 15px; padding-left: 15px;
} }
height: auto;
} }
#filemanager-index_tarp {display: none !important;} #filemanager-index_tarp {display: none !important;}
@ -61,9 +62,18 @@
.header_row_right, .filtersContainer {display:none;} .header_row_right, .filtersContainer {display:none;}
} }
.nextmatch_header { .nextmatch_header {
.nextmatch_header_row {padding-bottom:0px;}
.filemanager_navigation { .filemanager_navigation {
height: auto; height: auto;
#filemanager-index_path {height:50px;width:99%;} #filemanager-index_path {
height:50px;
width:~"calc(100% - 90px)";
display: inline-block;
border: none;
&:focus {outline: none;}
background: white;
}
#filemanager-index_up {width:24px;height: 100%;margin-left:22px;margin-right:22px;}
} }
div.filtersContainer {margin-top:0px;border-bottom: 1px solid silver;} div.filtersContainer {margin-top:0px;border-bottom: 1px solid silver;}
} }

View File

@ -38,18 +38,18 @@
<buttononly label="Paste" id="button[paste]" onclick="app.filemanager.paste('paste');" options="editpaste,editpaste_disabled"/> <buttononly label="Paste" id="button[paste]" onclick="app.filemanager.paste('paste');" options="editpaste,editpaste_disabled"/>
<buttononly label="Paste link" id="button[linkpaste]" onclick="app.filemanager.paste('linkpaste');" options="linkpaste,linkpaste_disabled"/> <buttononly label="Paste link" id="button[linkpaste]" onclick="app.filemanager.paste('linkpaste');" options="linkpaste,linkpaste_disabled"/>
<buttononly label="Mail paste" id="button[mailpaste]" onclick="app.filemanager.paste('mailpaste');" options="mailpaste,mailpaste_disabled"/> <buttononly label="Mail paste" id="button[mailpaste]" onclick="app.filemanager.paste('mailpaste');" options="mailpaste,mailpaste_disabled"/>
</hbox>
</template>
<template id="filemanager.index.header_left" template="" lang="" group="0" version="1.9.002">
<vbox span="all" class="filemanager_navigation">
<vfs-name id="path" onchange="if(widget.getValue() == '') { app.filemanager.change_dir('~',widget);} return true;" size="80" class="address"/>
<hbox class="buttons">
<image label="Up" src="goup" onclick="app.filemanager.change_dir('..',widget);" id="up"/>
<image label="Go to your home directory" src="gohome" onclick="app.filemanager.change_dir('~',widget);" id="home"/> <image label="Go to your home directory" src="gohome" onclick="app.filemanager.change_dir('~',widget);" id="home"/>
<buttononly label="Tile view" id="button[change_view]" onclick="app.filemanager.change_view" options="list_tile"/> <buttononly label="Tile view" id="button[change_view]" onclick="app.filemanager.change_view" options="list_tile"/>
<button label="File a file" onclick="window.open(egw::link('/index.php','menuaction=stylite.stylite_filemanager.upload'),'_blank','dependent=yes,width=550,height=350,scrollbars=yes,status=yes'); return false;" image="upload"/> <button label="File a file" onclick="window.open(egw::link('/index.php','menuaction=stylite.stylite_filemanager.upload'),'_blank','dependent=yes,width=550,height=350,scrollbars=yes,status=yes'); return false;" image="upload"/>
</hbox> </hbox>
</vbox> </template>
<template id="filemanager.index.header_left" template="" lang="" group="0" version="1.9.002">
<hbox span="all" class="filemanager_navigation">
<hbox>
<image label="Up" src="goup" onclick="app.filemanager.change_dir('..',widget);" id="up"/>
</hbox>
<vfs-name id="path" onchange="if(widget.getValue() == '') { app.filemanager.change_dir('~',widget);} return true;" size="80" class="address"/>
</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">
<nextmatch id="nm" template="filemanager.index.rows" header_left="filemanager.index.header_left" header_right="filemanager.index.header_right" /> <nextmatch id="nm" template="filemanager.index.rows" header_left="filemanager.index.header_left" header_right="filemanager.index.header_right" />