STEINNI
76 lines
3.9 KiB
HTML
76 lines
3.9 KiB
HTML
<style>
|
|
.fetch-dialog{ width: 78vw; }
|
|
.fetch-dialog .icon-spinner{ top:0; right:1em; }
|
|
.fetch-dialog div.field{ margin: .5em 0 0.5em 0; }
|
|
.fetch-dialog article.searchCriteria{ max-height:70vh; min-height: 50vh; }
|
|
.fetch-dialog article.sourceName header h1, .fetch-dialog article.searchType header h1,
|
|
.fetch-dialog article.searchCriteria header h1 {color: var(--eicui-base-color-primary-100);}
|
|
.fetch-dialog div.criteria-output{grid-template-columns: 3fr 2fr;}
|
|
.fetch-dialog .searchOutput ul{list-style: none; font-size: var(--eicui-base-font-size-s);}
|
|
.fetch-dialog header h1 span.icon-info{margin-left: 1em;}
|
|
.fetch-dialog .searchCriteria div.cols-2.field-label{grid-template-columns: auto 2em;justify-content: flex-start;}
|
|
.fetch-dialog menu.searchCriteriaGroups li { white-space: collapse; width: 8em; }
|
|
.fetch-dialog [data-output="resultLegend"] alert {border-width: 1em;}
|
|
.fetch-dialog .searchOutput button.collapser{
|
|
min-height: calc(var(--eicui-base-spacing-l) + var(--eicui-base-spacing-2xs));
|
|
min-width: calc(var(--eicui-base-spacing-l) + var(--eicui-base-spacing-2xs));
|
|
}
|
|
.fetch-dialog .search-criteria{ grid-template-columns: 1fr 8em; }
|
|
.fetch-dialog .sample-refresh{ grid-template-columns: 1fr 1em; }
|
|
.fetch-dialog [data-trigger="onRefreshSample"]{ position: absolute; top: 0; right: 1em; }
|
|
.fetch-dialog [data-output="resultLegend"] li { padding-top: var(--eicui-base-font-size-2xs); }
|
|
.fetch-dialog [data-output="resultLegend"] li .cols-2{ grid-template-columns:1.5em auto; }
|
|
.fetch-dialog [data-output="resultLegend"] .color-dot{border-radius: 1em;width: 1.5em; height: 1.5em; display: inline-block; vertical-align: middle; }
|
|
.fetch-dialog [data-output="resultLegend"] i{white-space: nowrap; }
|
|
.fetch-dialog article.probe-results ul li div.cols-2{ grid-template-columns: 10em auto; }
|
|
.fetch-dialog article.probe-results header{ grid-template-columns: auto 4em; }
|
|
.fetch-dialog article.probe-results header button {width: 2em; margin-left: 0.2em;}
|
|
.fetch-dialog article.probe-results ul li b { background: var(--eicui-base-color-info-25); padding: .2em; margin: .1em 0; }
|
|
|
|
</style>
|
|
<div class="fetch-dialog">
|
|
<section>
|
|
<div class="cols-2">
|
|
<article eiccard class="sourceName">
|
|
<header>
|
|
<h1>Name for this source in your mailing:</h1>
|
|
</header>
|
|
<section>
|
|
<input eicinput type="text" name="sourceName" placeholder="People in science projects" data-ref="sourceName" data-change="onSourceName">
|
|
</section>
|
|
</article>
|
|
<article eiccard class="searchType">
|
|
<header data-async="searchType">
|
|
<h1>Type of search</h1>
|
|
</header>
|
|
<section>
|
|
<select eicselect name="searchType" data-ref="searchType" data-change="onsearchType">
|
|
<option></option>
|
|
</select>
|
|
</section>
|
|
</article>
|
|
</div>
|
|
<div class="cols-2 criteria-output">
|
|
<article eiccard class="searchCriteria">
|
|
<header data-async="searchCriteria">
|
|
<h1>Search criteria</h1>
|
|
</header>
|
|
<section data-output="searchCriteria">
|
|
</section>
|
|
</article>
|
|
<article eiccard class="searchOutput">
|
|
<header data-async="searchOutput">
|
|
<div class="cols-2 search-criteria">
|
|
<h1>Search results</h1>
|
|
<button eicbutton small primary data-ref="searchBtn" data-trigger="onFiltersChange" disabled>Search</button>
|
|
</div>
|
|
</header>
|
|
<section data-output="searchOutput">
|
|
</section>
|
|
</article>
|
|
</div>
|
|
|
|
</section>
|
|
</div>
|
|
|