diff --git a/css/rulesAssistant/raSummary.css b/css/rulesAssistant/raSummary.css index 129c552932a9c4525d131a93abcb22c7c1be40e7..ce52cabf9d0bdba561f5a16cb8d61dfdaf42aac9 100644 --- a/css/rulesAssistant/raSummary.css +++ b/css/rulesAssistant/raSummary.css @@ -3,20 +3,17 @@ height: 90vh } -.ra-sum { +table.ra-sum { text-align: left; border-collapse: separate; empty-cells: hide; - + border: 1px solid grey; } -.ra-sum:nth-child(even) { +/*ra-sum:nth-child(even) { background-color: #f2f2f2; -} - -.ra-sum-cell { - border-style: solid; - border: 1px; - border-color: grey; +}*/ +td.ra-sum { + border: 1px solid grey; } tr.ra-sum.header { @@ -24,6 +21,7 @@ tr.ra-sum.header { top:0px; z-index:2; background:#111; + border: inherit } th.ra-sum.first-header-cell { diff --git a/src/js/rulesAssistantSummary.js b/src/js/rulesAssistantSummary.js index 796fece3ec4d4739aea3f64aff9aadd0f373edee..590be477661022db2398a90e60f768d2be8580a8 100644 --- a/src/js/rulesAssistantSummary.js +++ b/src/js/rulesAssistantSummary.js @@ -28,7 +28,7 @@ new App.DomPassage("Rules Assistant Summary", () => { /* make rest of row title */ for (const rule of rules) { - App.UI.DOM.appendNewElement("th", header, rule.name, "ra-sum-cell"); + App.UI.DOM.appendNewElement("th", header, rule.name); } const setters = rules.map(r => r.set); @@ -87,12 +87,11 @@ new App.DomPassage("Rules Assistant Summary", () => { if (!cells.some(v => v !== null)) { // skip empty rows return; } - const row = App.UI.DOM.makeElement("tr"); + const row = App.UI.DOM.makeElement("tr", null, "ra-sum"); function ruleSetValueToString(v) { if (typeof v === 'object') { if (v.hasOwnProperty('cond') && v.hasOwnProperty('val')) { - console.log(v) return `${v.cond} ${v.val}`; } else if (v.hasOwnProperty('min') && v.hasOwnProperty('max')) { return `${v.min} to ${v.max}`; @@ -103,10 +102,10 @@ new App.DomPassage("Rules Assistant Summary", () => { return `${v}`; } - App.UI.DOM.appendNewElement("td", row, path.join('.'), ["ra-sum", "row-title", "ra-sum-cell"]); + App.UI.DOM.appendNewElement("td", row, path.join('.'), ["ra-sum", "row-title"]); for (const cell of cells) { const content = cell !== null ? ruleSetValueToString(cell) : null; - App.UI.DOM.appendNewElement("td", row, content, "ra-sum-cell"); + App.UI.DOM.appendNewElement("td", row, content, "ra-sum"); } table.append(row); }