Difference between revisions of "Widget:DCTList"
From LINKS Community Center
| Line 45: | Line 45: | ||
gap: 1em 1em; | gap: 1em 1em; | ||
} | } | ||
| + | .filter-group-start { grid-column-start: 1; margin-bottom: 1em; } | ||
#data-source-filter img { width: 2em; height: 2em; margin: 0 .5em; } | #data-source-filter 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; } | ||
| Line 247: | Line 248: | ||
html2 += group.reduce((prev, curr, idx) => { | html2 += group.reduce((prev, curr, idx) => { | ||
const identifier = escapeAttr(curr.name); | const identifier = escapeAttr(curr.name); | ||
| − | return prev + '<div ' + (idx === 0 ? ' | + | return prev + '<div ' + (idx === 0 ? ' class="filter-group-start">' : '>') + |
'<input type="checkbox" id="filter-' + identifier + '" value="' + curr.name + '" checked>' + | '<input type="checkbox" id="filter-' + identifier + '" value="' + curr.name + '" checked>' + | ||
'<label for="filter-' + identifier + '"><img src="' + curr.image + '"> ' + curr.name + '</label></div>' | '<label for="filter-' + identifier + '"><img src="' + curr.image + '"> ' + curr.name + '</label></div>' | ||
Revision as of 15:48, 13 June 2022
Development verstion of the DCT List.
Not ready for production!