egroupware_official/filemanager/templates/pixelegg/app.less

/**
 * EGroupware: CSS with less preprocessor
 *
 * FILEMANAGER
 *
 * Please do NOT change app.css directly, instead change app.less and compile it!
 *
 * @link http://www.egroupware.org
 * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
 * @author Stefan Reinhardt <stefan.reinhardt@pixelegg.de>
 * @package filemanager
 * @version $Id$
 */


@import (reference) "../../../pixelegg/less/definitions.less";
@import (reference) "../../../pixelegg/less/def_mobile.less";
@import (less) "../default/app.css";

/*/*****************************************************************
// sidebar

*/// defind in layout_raster.less /*


/*//******************************************************************
// iframe*/

// images .... uploaded files
table.egwGridView_grid img {
    .img_filter_none;
}

// iframe

/*// #####################################################*/
/*Dialog filemanager*/

#filemanager-select{

    .dialogHeader{
        .et2_button_icon{
            margin: 4px 4px 0 4px;
            .bordered (@gray_0, @gray_0, @gray_0, @gray_0);
            .rounded (3px);
            background-color: @gray_0;
            height: auto;
            width: 24px;
        }

        .selectPathContainer {
            overflow: auto;
            width: 470px;
            margin-top: 0px;
            height: 32px;

            input {height: 20px;}

        }
    }
    #filemanager-select_apps{
        .background_color_15_gray;
        .et2_button_icon{
            height: auto;
            width: 24px;
            padding: 10px;
        }
    }
    table#filemanager-select_dir{
       	.border_normal;

        tr:nth-child(even) {background: @color_even;}
        tr:nth-child(odd) {background: @color_odd;}

    }
}




/*// #####################################################*/
/*Dialog filemanager edit POPUP WINDOW*/

div#filemanager-file_tabs {

    span.ui-icon-search {
                .Complete_Button_Icon_normal;
                position: relative;
                top: 3px;
                margin-left: 3px;

                &:hover {.Complete_Button_Icon_hover;}
                &:active {.Complete_Button_Icon_active;}
            }


    /*eacl*/
    #filemanager-file_filemanager-file-eacl{

        /*Owner*/
        td.filemanager-file_filemanager-file-eaclowner{

            span {display: flex; margin-right: 1px;}
                span.ui-icon-search {
                position: relative;
                top: 15px;
                margin-left: -3px;
                margin-right: 3px;
                }

        }

    }


    /*Abonements*/
    td.eaclAccount {width: 200px;}
}

/*// #####################################################*/
/*Dialog filemanager upload POPUP WINDOW*/

div#stylite-filemanager-upload{
    margin: 0.5em;

    .et2_file{
       .dimension_height_m;
       input {
            color: @gray_0;
            width: 250px;
            background-color: @egw_color_2_a;
        &:hover {.Complete_Button_add_only_plus_hover;}
        &:active {background-color: @color_positive_action_active !important;}
        }

        div.progress {width: 0px;}
  }



  // th
  .th {background: none;}


  // Schliessen / Close
  .dialogFooterToolbar{

      button {

                .Complete_Button_text_icon_before;

                &:hover {background-color: @color_cancel_action_hover !important; color: @gray_100; .box_shadow_standard_light_hover;}
                &:active {background-color: @color_cancel_action_active !important; color: @gray_100; .box_shadow_standard_light_inset;}

      }

  }


}


//

/* tablets and smartphones  */
@media only screen and (max-device-width:1024px) {
	#filemanager-index_nm {
		table.egwGridView_outer tbody {
			span[id^='filemanager-index'][id$='size]']{
				.mob-fontsize-s;
				text-align: right;
			}
			label[id^='filemanager-index'][id$='name]'] {
				overflow: hidden;
				text-overflow: ellipsis;
				max-width: 100%;
				span{
					white-space: nowrap;

				}
			}
		}
		#filemanager-index_buttons {
			position: relative;
			display: inline-block;
		}
		#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;
		border: none;
		box-shadow: 0px 1px 5px 3px silver;
		background-image: none !important;
		margin: 0;
		padding: 0;
		.et2_file_span{display: none;}
		.et2_file_upload {
			width: 60px;
			height: 60px;
			top: 0;
		}
		&:after{
			content: '+';
			font-weight: bold;
			font-size: 34pt;
			color: #fafafa;
			margin-left: 10px;
		}
	}
	.previewImage img {max-width: 100%;}
	div#filemanager-file_tabs td.eaclAccount,td.eaclRights {display: block;}
}