Difference between revisions of "Widget:DCTList"

From LINKS Community Center
Jump to: navigation, search
Line 55: Line 55:
 
         #dct-tabulator.tabulator .tabulator-cell { border-right: 0 none; border-bottom: 1px solid var(--links-blue); padding: .5em 0; }
 
         #dct-tabulator.tabulator .tabulator-cell { border-right: 0 none; border-bottom: 1px solid var(--links-blue); padding: .5em 0; }
 
         .data-source-img { width: 2em; height: 2em; }
 
         .data-source-img { width: 2em; height: 2em; }
 +
        .source-img-placeholder { display:inline-block; width: 2em; height: 2em; }
 
         .data-source-img.unselected {
 
         .data-source-img.unselected {
 
             filter: grayscale(1);
 
             filter: grayscale(1);
Line 284: Line 285:
 
                                 const idx = val.findIndex(src => src === curr.name);
 
                                 const idx = val.findIndex(src => src === curr.name);
 
                                 if (idx === -1) {
 
                                 if (idx === -1) {
                                     return prev + '<span style="display:inline-block;" class="data-source-img> </span>'
+
                                     return prev + '<div class="source-img-placeholder> </div>'
 
                                 } else {
 
                                 } else {
 
                                     return curr.image
 
                                     return curr.image

Revision as of 16:16, 13 June 2022

Development verstion of the DCT List.
Not ready for production!