egroupware_official/filemanager/templates/mobile/app.less

/**
 *
 * 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 (reference) "../../../pixelegg/less/def_buttons.less";
@import (reference) "../../../pixelegg/less/def_mobile.less";
/* tablets and smartphones  */
@media all {
	#filemanager-index_nm {
		table.egwGridView_outer tbody {
			span[id^='filemanager-index'][id$='size]']{
				.mob-fontsize-n;
				text-align: right;
			}
			label[id^='filemanager-index'][id$='name]'] {
				overflow: hidden;
				text-overflow: ellipsis;
				max-width: 100%;
				span{
					.mob-fontsize-l;
					white-space: nowrap;
				}
			}
			span[id^='filemanager-index'][id$='comment]']
			{
				.mob-fontsize-n;
			}
			label[id^='filemanager-index'][id$='mtime]'] {
				time{
					.mob-fontsize-n;
				}
			}
		}
		#filemanager-index_buttons {
			position: relative;
			display: inline-block;
			overflow:auto;
			width:100%;
			img{
				width: 32px;
				height: 32px;
				padding-left: 15px;
			}
		}
		#filemanager-index_tarp {display: none !important;}
		#filemanager-index_filemanager-index-header_left {height:auto;}
	}
	.et2_file.plus_button {
		position: absolute !important;
		right: 15px;
		bottom: 15px;
		border-radius: 50%;
		width: 60px;
		height: 60px;
		background-position: center;
		z-index: 100;
		background-color: #0c5da5;
		box-shadow: 0px 1px 5px 3px silver;
		background-image: url(../../../pixelegg/images/topmenu_items/mobile/plus_white.svg) !important;
		background-repeat: no-repeat;
		background-size: 24px 24px;
		border: none;
		margin: 0;
		padding: 0;
		border: none;
		.et2_file_span{
			width:50px;
			height: 50px;
			border: none;
			background: none;
		}
		.et2_file_upload {
			width: 60px;
			height: 60px;
			top: 0;
		}
	}
	.previewImage img {max-width: 100%;}
	div#filemanager-file_tabs td.eaclAccount,td.eaclRights {display: block;}
}