get filemanager path input take all remaining space, nice css stunt ;-)

This commit is contained in:
Ralf Becker 2013-12-06 03:02:34 +00:00
parent b2c563e5aa
commit e050415277
2 changed files with 78 additions and 39 deletions

View File

@ -1,25 +1,62 @@
/**
* CSS for new eTemplate filemanager UI
*/
.address input { font-size: 140%; font-weight: bold; }
.mimeHuge img { width: 64px; height: 64px; }
.fileName input { font-weight: bold; width: 100%; }
.comment textarea { width: 100%; height: 35px; }
.previewImage img { max-width: 430px; max-height: 275px; border: 1px solid black; }
.previewText div { }
.pathSelection { font-weight: bold; }
.pathSelection a { font-weight: bold; font-size: 120%; }
.pathSelectionContainer { width: 640px; overflow: auto; }
/**
* Select file dialog
*/
.selectPath { font-weight: bold; width: 98% }
.selectPathContainer { width: 470px; overflow: auto; }
.selectName input { width: 100%; }
.selectMime select { width: 100%; }
/*.selectIcon img { height: 16px; }*/
.displayNone input, input.displayNone { display: none; }
.selectFiles td div { border-style: groove; }
.selectFiles div { max-height: 400px; overflow:auto;}
/**
* EGroupware - CSS Styles used by filemanager app
*
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @package etemplate
* @link http://www.egroupware.org
* @author Ralf Becker <RalfBecker@outdoor-training.de>
* @version $Id$
*/
/**
* CSS for new eTemplate filemanager UI
*/
.mimeHuge img { width: 64px; height: 64px; }
.fileName input { font-weight: bold; width: 100%; }
.comment textarea { width: 100%; height: 35px; }
.previewImage img { max-width: 430px; max-height: 275px; border: 1px solid black; }
.previewText div { }
.pathSelection { font-weight: bold; }
.pathSelection a { font-weight: bold; font-size: 120%; }
.pathSelectionContainer { width: 640px; overflow: auto; }
/**
* Get path input to take all remaining width
*/
#filemanager-index_filemanager-index-header_left {
width: 100%;
}
div.filemanager_navigation {
position: relative;
width: 100%;
}
div.filemanager_navigation > * {
vertical-align: middle;
}
#filemanager-index_buttons {
float: right;
}
#filemanager-index_buttons > * {
vertical-align: middle;
padding-left: 3px;
}
div.filemanager_navigation > label {
position: absolute;
left: 50px;
right: 560px;
padding-top: 3px;
font-size: 140%;
}
div.filemanager_navigation > label > input {
width: 100%;
}
/**
* Select file dialog
*/
.selectPath { font-weight: bold; width: 98% }
.selectPathContainer { width: 470px; overflow: auto; }
.selectName input { width: 100%; }
.selectMime select { width: 100%; }
.displayNone input, input.displayNone { display: none; }
.selectFiles td div { border-style: groove; }
.selectFiles div { max-height: 400px; overflow:auto;}

View File

@ -55,20 +55,22 @@
</grid>
</template>
<template id="filemanager.index.header_left" template="" lang="" group="0" version="1.9.002">
<hbox span="all">
<image label="Up" src="goup" onclick="app.filemanager.change_dir('..');"/>
<image label="Go to your home directory" src="gohome" onclick="app.filemanager.change_dir('~');"/>
<vfs-name label="Path" id="path" onchange="if(widget.getValue() == '') { app.filemanager.change_dir('~');} return false;" options="80" class="address"/>
<button label="Go to" id="button[go]" image="key_enter"/>
<image id="tarp" src="buttonseparator"/>
<buttononly statustext="Rename, change permissions or ownership" label="Edit settings" id="button[edit]" onclick="app.filemanager.editprefs();" options="edit"/>
<buttononly label="Create directory" id="button[createdir]" onclick="app.filemanager.createdir();" options="button_createdir,createdir_disabled"/>
<buttononly label="Create a link" id="button[symlink]" onclick="app.filemanager.symlink();" options="link,link_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="Mail paste" id="button[mailpaste]" onclick="app.filemanager.paste('mailpaste');" options="mailpaste,mailpaste_disabled"/>
<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"/>
<file statustext="Select file to upload in current directory" id="upload" drop_target ="divAppbox"/>
<hbox span="all" class="filemanager_navigation">
<image label="Up" src="goup" onclick="app.filemanager.change_dir('..');" id="up"/>
<image label="Go to your home directory" src="gohome" onclick="app.filemanager.change_dir('~');" id="home"/>
<vfs-name label="Path" id="path" onchange="if(widget.getValue() == '') { app.filemanager.change_dir('~');} return false;" size="80" class="address"/>
<hbox id="buttons">
<button label="Go to" id="button[go]" image="key_enter"/>
<image id="tarp" src="buttonseparator"/>
<buttononly statustext="Rename, change permissions or ownership" label="Edit settings" id="button[edit]" onclick="app.filemanager.editprefs();" options="edit"/>
<buttononly label="Create directory" id="button[createdir]" onclick="app.filemanager.createdir();" options="button_createdir,createdir_disabled"/>
<buttononly label="Create a link" id="button[symlink]" onclick="app.filemanager.symlink();" options="link,link_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="Mail paste" id="button[mailpaste]" onclick="app.filemanager.paste('mailpaste');" options="mailpaste,mailpaste_disabled"/>
<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"/>
<file statustext="Select file to upload in current directory" id="upload" drop_target ="divAppbox"/>
</hbox>
</hbox>
</template>
<template id="filemanager.index" template="" lang="" group="0" version="1.9.003">