muk_web/muk_web_preview_mail/static/src/less/preview_content.less

/**********************************************************************************
* 
*    Copyright (C) 2017 MuK IT GmbH
*
*    This program is free software: you can redistribute it and/or modify
*    it under the terms of the GNU Affero General Public License as
*    published by the Free Software Foundation, either version 3 of the
*    License, or (at your option) any later version.
*
*    This program is distributed in the hope that it will be useful,
*    but WITHOUT ANY WARRANTY; without even the implied warranty of
*    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
*    GNU Affero General Public License for more details.
*
*    You should have received a copy of the GNU Affero General Public License
*    along with this program.  If not, see <http://www.gnu.org/licenses/>.
*
**********************************************************************************/

.o_preview_mail {
	position: absolute;
	width: 100%;
	height: 100%;
	
	.mail-container {
		display: none;
		height: 100%;
		
		.meta-panel {
			height: 175px;
			padding: 5px 25px 0 25px;
			
			.meta-table {
				margin-bottom: 10px ! important;
				
				.meta-tag {
					width: 25px;
				}
			}
			
			.meta-table > tbody > tr {
			    border-top: 1px solid @gray-light;
			}
			
			.meta-table > tbody > tr:first-child {
			    border-top: 0;
			}
			
			.meta-table > tbody > tr > td {
			    border-top: 0;
			    padding: 3px 8px 3px 8px;
			}
		}
		
		.content-panel {
			height: calc(~'100% - 180px');
			padding: 0 10px 10px 10px;
			
			.tab-line {
				height: 100%;
			}
			
			.tab-line > .nav-tabs {
				border: none;
				margin: 0px;
			}
	
			.tab-line > .nav-tabs > li {
				margin-right: 2px;
			}
	
			.tab-line > .nav-tabs > li > a {
				border: 0;
				margin-right: 0;
				color: @gray;
			}
			
			.tab-line > .nav-tabs > li > a > span {
				padding-left: 5px;
			}
			
			.tab-line > .nav-tabs > li > a > i {
				font-size: 15px;
			}
	
			.tab-line > .nav-tabs > li.open,
			.tab-line > .nav-tabs > li:hover {
				border-bottom: 4px solid  lighten(@brand-primary, 20%);
			}
	
			.tab-line > .nav-tabs > li.open > a,
			.tab-line > .nav-tabs > li:hover > a {
				border: 0;
				color: @gray-light;
				background: none ! important;
			}
	
			.tab-line > .nav-tabs > li.open .dropdown-menu,
			.tab-line > .nav-tabs > li:hover .dropdown-menu {
				margin-top: 0px;
			}
	
			.tab-line > .nav-tabs > li.active {
				position: relative;
				border-bottom: 4px solid @brand-primary;
			}
	
			.tab-line > .nav-tabs > li.active > a {
				border: 0;
				background: none ! important;
				color: @gray-dark;
			}
	
			.tab-line > .tab-content {
				border: 0;
				border-top: 1px solid #eee;
				margin-top: -3px;
				padding: 15px 0;
			}
			
			.tab-content {
				height: 100%;
    			position: relative;
			}
			
			.tab-pane {
				height: 100%;
    			overflow-y: auto;
			}
				
		}
	}
}