improve filemanager alignment and look, remove tarp in favor of just some empty space and take possible hidden file-upload into account width of path

This commit is contained in:
Ralf Becker 2016-02-24 10:41:18 +00:00
parent 0f93bdfcff
commit 0656d7e004
4 changed files with 18 additions and 13 deletions

View File

@ -720,7 +720,7 @@ app.classes.filemanager = AppJS.extend(
// Toggle button icon to the other view
button_widget.set_image("list_"+(view == nm.controller.VIEW_ROW ? nm.controller.VIEW_TILE : nm.controller.VIEW_ROW));
button_widget.set_label(view == nm.controller.VIEW_ROW ? this.egw.lang("Tile view") : this.egw.lang('List view'));
button_widget.set_statustext(view == nm.controller.VIEW_ROW ? this.egw.lang("Tile view") : this.egw.lang('List view'));
}
nm.set_view(view);
@ -737,7 +737,7 @@ app.classes.filemanager = AppJS.extend(
{
template.loading.done(function() {
nm.applyFilters({view: view});
})
});
}
},
@ -853,7 +853,7 @@ app.classes.filemanager = AppJS.extend(
widget.options.onFinish = function() {
widget.options.onFinish = old_onfinish;
widget.options.onFinishOne = old_onfinishone;
}
};
// This triggers the upload
widget.set_value(files);
@ -893,8 +893,14 @@ app.classes.filemanager = AppJS.extend(
{
widget.set_readonly(_ro);
}
else
// upload
else if (widget.disabled != _ro)
{
// fix width of path-widget to kope with hidden/shown upload
var path_parent = jQuery(this.path_widget[id].getDOMNode().parentNode);
var width = jQuery(widget.getDOMNode()).outerWidth(true);
path_parent.css('right', (parseInt(path_parent.css('right'))+(_ro?-1:1)*width)+'px');
widget.set_disabled(_ro);
}
}

View File

@ -24,7 +24,7 @@
#filemanager-index_filemanager-index-header_left {
float: left;
width: 100%;
margin-bottom: 1px;
margin-bottom: 2px;
}
div.filemanager_navigation {
position: relative;
@ -40,13 +40,13 @@ div.filemanager_navigation > img {
#filemanager-index_buttons {
float: right;
}
img#filemanager-index_tarp {
height: 22px;
button#filemanager-index_button\[change_view\] {
margin-right: 20px;
}
div.filemanager_navigation > label {
position: absolute;
left: 56px;
right: 475px;
right: 456px;
font-size: 140%;
white-space: nowrap;
}

View File

@ -52,7 +52,6 @@
<hbox id="buttons">
<button statustext="Go to" id="button[go]" image="key_enter" background_image="true"/>
<buttononly statustext="Tile view" id="button[change_view]" onclick="app.filemanager.change_view" image="list_tile" background_image="true"/>
<image id="tarp" src="buttonseparator"/>
<buttononly statustext="Rename, change permissions or ownership" id="button[edit]" onclick="app.filemanager.editprefs();" image="edit" background_image="true"/>
<buttononly statustext="Create directory" id="button[createdir]" onclick="app.filemanager.createdir();" image="button_createdir" ro_image="createdir_disabled" background_image="true"/>
<buttononly statustext="Create a link" id="button[symlink]" onclick="app.filemanager.symlink();" image="link" ro_image="link_disabled" background_image="true"/>

View File

@ -53,7 +53,7 @@
#filemanager-index_filemanager-index-header_left {
float: left;
width: 100%;
margin-bottom: 1px;
margin-bottom: 2px;
}
div.filemanager_navigation {
position: relative;
@ -69,13 +69,13 @@ div.filemanager_navigation > img {
#filemanager-index_buttons {
float: right;
}
img#filemanager-index_tarp {
height: 22px;
button#filemanager-index_button\[change_view\] {
margin-right: 20px;
}
div.filemanager_navigation > label {
position: absolute;
left: 56px;
right: 475px;
right: 456px;
font-size: 140%;
white-space: nowrap;
}