STEINNI
74 lines
2.6 KiB
HTML
74 lines
2.6 KiB
HTML
<style>
|
|
.template-selection .cols-2.left{ grid-template-columns: 400px auto; }
|
|
.template-selection .file-browser{ height: 500px; }
|
|
.template-selection .preview { height: 75vh; }
|
|
.template-selection .file-browser .dataset {
|
|
min-width: 30vw;
|
|
max-width: 40vw;
|
|
height: 60vh;
|
|
}
|
|
.template-selection .file-browser [eicdatagrid] .row { grid-template-columns: 60px auto 80px; }
|
|
.template-selection .preview .empty:after {
|
|
background-color: var();
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
.template-selection .preview .mail-subject {
|
|
padding: var(--eicui-base-spacing-s);
|
|
border: 1px solid var(--eicui-base-color-grey-10);
|
|
margin: var(--eicui-base-spacing-xs) 0 var(--eicui-base-spacing-m) 0;
|
|
}
|
|
.template-selection .preview .mail-content {
|
|
min-width: 40vw;
|
|
width: 1fr;
|
|
height: 50vh;
|
|
overflow: auto;
|
|
border: 1px solid var(--eicui-base-color-grey-10);
|
|
|
|
}
|
|
.template-selection .confirmation {
|
|
display: none;
|
|
}
|
|
.template-selection .file-browser [eicdatagrid] .dataset .row .cell:nth-child(2),
|
|
.template-selection .file-browser [eicdatagrid] .dataset .row .cell:nth-child(4) {
|
|
text-align: center;
|
|
}
|
|
.template-selection [eicdatagrid] .row.selected{
|
|
background-color: var(--eicui-base-color-info);
|
|
color: white;
|
|
}
|
|
.template-selection [eicdatagrid] .row.selected .ffs.icon-new { color:white }
|
|
.template-selection [data-output="templateWarning"]{ display:none; }
|
|
</style>
|
|
<div class="template-selection">
|
|
<div class="cols-2 left">
|
|
<article eiccard class="file-browser">
|
|
<header>
|
|
<h1>Templates</h1>
|
|
<h2 data-output="path"></h2>
|
|
</header>
|
|
<section>
|
|
<div eicdatagrid header="hidden" footer="hidden"></div>
|
|
</section>
|
|
</article>
|
|
<article eiccard class="preview">
|
|
<header>
|
|
<h1 data-output="template"></h1>
|
|
<div eicalert warning data-output="templateWarning"></div>
|
|
</header>
|
|
<section class="empty">
|
|
<label>Subject</label>
|
|
<div class="mail-subject"></div>
|
|
<label>Message</label>
|
|
<div class="mail-content html"></div>
|
|
</section>
|
|
</article>
|
|
</div>
|
|
<div class="confirmation">
|
|
<div class="cols-2 left">
|
|
<input eicinput type="checkbox" value="yes">
|
|
<span>Yes, replace previous content with this template</span>
|
|
</div>
|
|
</div>
|
|
</div> |