diff --git a/filemanager/inc/class.filemanager_ui.inc.php b/filemanager/inc/class.filemanager_ui.inc.php index d767b534ef..4ca2f8fd72 100644 --- a/filemanager/inc/class.filemanager_ui.inc.php +++ b/filemanager/inc/class.filemanager_ui.inc.php @@ -294,7 +294,6 @@ class filemanager_ui 'parent_id' => 'dir', 'is_parent' => 'mime', 'is_parent_value'=> egw_vfs::DIR_MIME_TYPE, - 'header_left' => 'filemanager.index.header_left', 'favorites' => true, 'placeholder_actions' => array('mkdir','file_drop_mail','file_drop_move','file_drop_copy','file_drop_symlink') ); @@ -492,9 +491,8 @@ class filemanager_ui // Set view button to match current settings if($content['nm']['view'] == 'tile') { - $tpl->setElementAttribute('nm[buttons][button][change_view]','label',lang('List view')); - $tpl->setElementAttribute('nm[buttons][button][change_view]','image','list_row'); - + $tpl->setElementAttribute('nm[button][change_view]','statustext',lang('List view')); + $tpl->setElementAttribute('nm[button][change_view]','image','list_row'); } // if initial load is done via GET request (idots template or share.php) // get_rows cant call app.filemanager.set_readonly, so we need to do that here diff --git a/filemanager/templates/default/app.css b/filemanager/templates/default/app.css index 6707332301..f3ff50393f 100644 --- a/filemanager/templates/default/app.css +++ b/filemanager/templates/default/app.css @@ -11,68 +11,32 @@ /** * CSS for new eTemplate filemanager UI */ -.mimeHuge img { width: 64px; height: 64px; } -.fileName input { font-weight: bold; width: 100%; } -.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 { +select#filemanager-index_filter { + width: 160px; +} +input#filemanager-index_path { + width: 300px; + font-size: 150%; + padding: 1px 5px 3px 2px; +} +#filemanager-index_filemanager-index-header_right .et2_hbox > *, +#filemanager-index_filemanager-index-header_row > *, +#filemanager-index_filemanager-index-header_left .et2_hbox > * +{ float: left; - width: 100%; - margin-bottom: 2px; } -div.filemanager_navigation { - position: relative; - width: 100%; - white-space: normal; +#filemanager-index_filemanager-index-header_left .et2_file, +#filemanager-index_filemanager-index-header_left .et2_file input { + width: 24px; } -div.filemanager_navigation > * { - vertical-align: middle; -} -div.filemanager_navigation > img { - margin-top: 3px; -} -#filemanager-index_buttons { - float: right; -} -button#filemanager-index_button\[change_view\] { - margin-right: 20px; -} -div.filemanager_navigation > label { - position: absolute; - left: 56px; - right: 456px; - font-size: 140%; - white-space: nowrap; -} -div.filemanager_navigation > label > input { - width: 100%; -} -#filemanager-index_buttons div.et2_file { - margin: 2px 0 0 0; - vertical-align: top; - padding-right: 7px; -} -#filemanager-index_buttons div.et2_file span, #filemanager-index_buttons div.et2_file input { - width: 130px; - height: 16px; - top: 0; - background-position: 3px 3px; - margin: 0; - text-indent: 22px; - color: #666666; -} -#filemanager-index_buttons div.et2_file .progress { - width:auto; - margin:0; - overflow: hidden; - text-overflow: ellipsis; - max-height: none; +#filemanager-index_filemanager-index-header_left .et2_file span { + width: 22px; + height: 22px; + padding: 0; + background-position-x: 3px; + background-image: url(../../../pixelegg/images/add.png); + overflow: hidden; + text-indent: 100px; } /** diff --git a/filemanager/templates/default/index.xet b/filemanager/templates/default/index.xet index 3437949c87..541bec520d 100644 --- a/filemanager/templates/default/index.xet +++ b/filemanager/templates/default/index.xet @@ -45,25 +45,24 @@ + + diff --git a/filemanager/templates/pixelegg/app.css b/filemanager/templates/pixelegg/app.css index d1d13962cc..fb0f11b82a 100755 --- a/filemanager/templates/pixelegg/app.css +++ b/filemanager/templates/pixelegg/app.css @@ -23,86 +23,31 @@ /** * CSS for new eTemplate filemanager UI */ -.mimeHuge img { - width: 64px; - height: 64px; +select#filemanager-index_filter { + width: 160px; } -.fileName input { - font-weight: bold; - width: 100%; +input#filemanager-index_path { + width: 300px; + font-size: 150%; + padding: 1px 5px 3px 2px; } -.previewImage img { - max-width: 430px; - max-height: 275px; - border: 1px solid black; -} -.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 { +#filemanager-index_filemanager-index-header_right .et2_hbox > *, +#filemanager-index_filemanager-index-header_row > *, +#filemanager-index_filemanager-index-header_left .et2_hbox > * { float: left; - width: 100%; - margin-bottom: 2px; } -div.filemanager_navigation { - position: relative; - width: 100%; - white-space: normal; +#filemanager-index_filemanager-index-header_left .et2_file, +#filemanager-index_filemanager-index-header_left .et2_file input { + width: 24px; } -div.filemanager_navigation > * { - vertical-align: middle; -} -div.filemanager_navigation > img { - margin-top: 3px; -} -#filemanager-index_buttons { - float: right; -} -button#filemanager-index_button\[change_view\] { - margin-right: 20px; -} -div.filemanager_navigation > label { - position: absolute; - left: 56px; - right: 456px; - font-size: 140%; - white-space: nowrap; -} -div.filemanager_navigation > label > input { - width: 100%; -} -#filemanager-index_buttons div.et2_file { - margin: 2px 0 0 0; - vertical-align: top; - padding-right: 7px; -} -#filemanager-index_buttons div.et2_file span, -#filemanager-index_buttons div.et2_file input { - width: 130px; - height: 16px; - top: 0; - background-position: 3px 3px; - margin: 0; - text-indent: 22px; - color: #666666; -} -#filemanager-index_buttons div.et2_file .progress { - width: auto; - margin: 0; +#filemanager-index_filemanager-index-header_left .et2_file span { + width: 22px; + height: 22px; + padding: 0; + background-position-x: 3px; + background-image: url(../../../pixelegg/images/add.png); overflow: hidden; - text-overflow: ellipsis; - max-height: none; + text-indent: 100px; } /** * Tile view