Widget: DCTList: Difference between revisions
From LINKS Community Center
Eschmidt (talk | contribs) No edit summary |
Eschmidt (talk | contribs) No edit summary |
||
| Line 26: | Line 26: | ||
margin-bottom: 1em; | margin-bottom: 1em; | ||
} | } | ||
.filter-button-wrapper { | |||
margin: 1.5em 0 1em 0; | margin: 1.5em 0 1em 0; | ||
} | } | ||
.filter-wrapper button { | |||
border: 0 none; | border: 0 none; | ||
color: var(--links-blue); | color: var(--links-blue); | ||
| Line 38: | Line 38: | ||
padding: 0; | padding: 0; | ||
} | } | ||
.filter-content { | |||
font-size: 1.2em; | font-size: 1.2em; | ||
margin-bottom: 4em; | margin-bottom: 4em; | ||
| Line 46: | Line 46: | ||
} | } | ||
.filter-group-start { grid-column-start: 1; } | .filter-group-start { grid-column-start: 1; } | ||
.filter-content img { width: 2em; height: 2em; margin: 0 .5em; } | |||
#dct-tabulator.tabulator { border: 0 none; background-color: transparent; font-size: 1.2em; } | #dct-tabulator.tabulator { border: 0 none; background-color: transparent; font-size: 1.2em; } | ||
#dct-tabulator.tabulator .tabulator-header { border-bottom: 4px double var(--links-blue); background-color: transparent; } | #dct-tabulator.tabulator .tabulator-header { border-bottom: 4px double var(--links-blue); background-color: transparent; } | ||
| Line 359: | Line 359: | ||
</h1> | </h1> | ||
<h2>Filters</h2> | <h2>Filters</h2> | ||
<div | <div class="filter-wrapper"> | ||
<h3>Functions</h3> | <h3>Functions</h3> | ||
<div | <div class="filter-button-wrapper"> | ||
<button type="button" onclick="selectAllSources()">Select all</button> | | <button type="button" onclick="selectAllSources()">Select all</button> | | ||
<button type="button" onclick="deselectAllSources()">Deselect all</button> | <button type="button" onclick="deselectAllSources()">Deselect all</button> | ||
</div> | </div> | ||
<div id="functions-filter"></div> | <div id="functions-filter" ></div> | ||
</div> | |||
<div class="filter-wrapper"> | |||
<h3>Data Sources</h3> | <h3>Data Sources</h3> | ||
<div | <div class="filter-button-wrapper"> | ||
<button type="button" onclick="selectAllSources()">Select all</button> | | <button type="button" onclick="selectAllSources()">Select all</button> | | ||
<button type="button" onclick="deselectAllSources()">Deselect all</button> | <button type="button" onclick="deselectAllSources()">Deselect all</button> | ||
</div> | </div> | ||
<div id="data-source-filter"></div> | <div class="filter-content" id="data-source-filter"></div> | ||
</div> | </div> | ||
<div id="dct-tabulator"></div> | <div id="dct-tabulator"></div> | ||
</div> | </div> | ||
</includeonly> | </includeonly> | ||
Revision as of 15:52, 13 June 2022
Development verstion of the DCT List.
Not ready for production!