Difference between revisions of "Widget:DCTList"
From LINKS Community Center
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 16:52, 13 June 2022
Development verstion of the DCT List.
Not ready for production!