/**
 *
 * 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 {
		  /* Leave space for folder expansion caret */
		  .isDir .gridCont_0_div_col_0 {
			min-width: var(--sl-spacing-large);
		  }

		  .gridCont_0_div_col_1 {
			/* A little padding after the thumbnail */
			padding-right: var(--sl-spacing-small);
		  }
			span[id^='filemanager-index'][id$='size]']{
				text-align: right;
			}
			label[id^='filemanager-index'][id$='name]'] {
				overflow: hidden;
				text-overflow: ellipsis;
				max-width: 100%;
				span{
					white-space: nowrap;
				}
			}
		}
		.buttons {
			position: relative;
			display: inline-block;
			overflow:auto;
			width:100%;
			padding-top:5px;
			img{
				width: 24px;
				height: 24px;
				padding-left: 15px;
			}
			height: auto;
		}
		#filemanager-index_filemanager-index-header_right {width:100%;}
		#filemanager-index_tarp {display: none !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;
			border: none;
			margin: 0;
			padding: 0;
			border: none;

			.et2_file_span::part(base){
				width:50px;
				height: 50px;
				border: none;
				background: none;
			}
			.et2_file_span::part(prefix)
			{
				display: none;
			}
			.et2_file_upload {
				width: 60px;
				height: 60px;
				top: 0;
			}
			div.progress {
				position: fixed;
				left: 0;
				top: 0px;
				width: 93%;
			}
		}

	  et2-image.plus_button {
		position: fixed !important;
		right: 15px;
		bottom: 15px;
		width: 60px;
		height: 60px;

		font-size: 32px;
		line-height: 60px;
		color: #fff;
		text-align: center;
		font-weight: bolder;
		display: inline-block;

		z-index: 101;
		pointer-events: none;
		background-color: transparent;

		&::before {
		  content: "\f64d";
		  font-family: bootstrap-icons !important;
		}
	  }
	}

	.previewImage img {max-width: 100%;}
	div#filemanager-file_tabs td.eaclAccount,td.eaclRights {display: block;}
}

et2-vfs-path {
  min-width: 2em;
  &::part(form-control-input) {
	/* Let it get really small, so it's more likely to fit at larger font sizes */
	min-width: 2em;
	padding-inline: 0em;
  }

  et2-image {
	width: 0em;

	@media screen and (orientation: landscape) {

	  .sl-theme-light &, .kdots-light & {
		filter: brightness(0) invert(1);
	  }

	  .sl-theme-dark &, .kdots-dark & {
		filter: brightness(0) invert(1) brightness(.9);
	  }
  }
  }
}