/** * * Filemanager - Mobile * * Please do NOT change app.css directly, instead change app.less and compile it! * Pixleegg Template app.css * @link http://www.egroupware.org * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License * @author Hadi Nategh <hn@stylite.de> * @package Filemanager * @version $Id: app.less 55033 2016-02-16 18:49:17Z hnategh $ */ @import "../default/app.css"; /* tablets and smartphones */ @media all { #filemanager-index_nm table.egwGridView_outer tbody span[id^='filemanager-index'][id$='size]'] { font-size: 10pt; text-align: right; } #filemanager-index_nm table.egwGridView_outer tbody label[id^='filemanager-index'][id$='name]'] { overflow: hidden; text-overflow: ellipsis; max-width: 100%; } #filemanager-index_nm table.egwGridView_outer tbody label[id^='filemanager-index'][id$='name]'] span { font-size: 12pt; white-space: nowrap; } #filemanager-index_nm table.egwGridView_outer tbody span[id^='filemanager-index'][id$='comment]'] { font-size: 10pt; } #filemanager-index_nm table.egwGridView_outer tbody label[id^='filemanager-index'][id$='mtime]'] time { font-size: 10pt; } #filemanager-index_nm .buttons { position: relative; display: inline-block; overflow: auto; width: 100%; padding-top: 5px; height: auto; } #filemanager-index_nm .buttons img { width: 24px; height: 24px; padding-left: 15px; } #filemanager-index_nm #filemanager-index_filemanager-index-header_right { width: 100%; } #filemanager-index_nm #filemanager-index_tarp { display: none !important; } #filemanager-index_nm #filemanager-index_filemanager-index-header_left { height: auto; order: 100; } #filemanager-index_nm .nextmatch_header.nm_header_hide { display: inline-block !important; } #filemanager-index_nm .nextmatch_header.nm_header_hide .header_row_right, #filemanager-index_nm .nextmatch_header.nm_header_hide .filtersContainer { display: none; } #filemanager-index_nm .nextmatch_header .nextmatch_header_row { padding-bottom: 0px; } #filemanager-index_nm .nextmatch_header .filemanager_navigation { height: auto; } #filemanager-index_nm .nextmatch_header .filemanager_navigation #filemanager-index_path { height: 50px; 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 { margin-top: 0px; border-bottom: 1px solid silver; } #filemanager-index_nm .nextmatch_header #filemanager-index_new_wrapper { float: none; width: 100%; margin: 0; padding-top: 5px; } #filemanager-index_nm .nextmatch_header #filemanager-index_new_wrapper .et2_dropdown { float: none; width: 100%; } #filemanager-index_nm .nextmatch_header #filemanager-index_new_wrapper .et2_dropdown button { width: 50px; margin: 0; border-radius: 0; } #filemanager-index_nm .nextmatch_header #filemanager-index_new_wrapper .et2_dropdown button div { float: none; } #filemanager-index_nm .nextmatch_header #filemanager-index_new_wrapper .et2_dropdown #filemanager-index_new { width: calc(100% - 50px); } #filemanager-index_nm select#filemanager-index_filter { width: 100%; } #filemanager-index_nm .nextmatch_header_row div.header_row_right { height: auto; position: relative !important; } #filemanager-index_filemanager-index-header_left .et2_file.plus_button { position: fixed !important; right: 15px; bottom: 15px; border-radius: 50%; width: 60px !important; height: 60px !important; background-position: center; 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; padding: 0; border: none; } #filemanager-index_filemanager-index-header_left .et2_file.plus_button .et2_file_span::part(base) { width: 50px; height: 50px; border: none; background: none; } #filemanager-index_filemanager-index-header_left .et2_file.plus_button .et2_file_span::part(prefix) { display: none; } #filemanager-index_filemanager-index-header_left .et2_file.plus_button .et2_file_upload { width: 60px; height: 60px; top: 0; } #filemanager-index_filemanager-index-header_left .et2_file.plus_button div.progress { position: fixed; left: 0; top: 0px; width: 93%; } .previewImage img { max-width: 100%; } div#filemanager-file_tabs td.eaclAccount, td.eaclRights { display: block; } }