diff --git a/styles/elements/table.css b/styles/elements/table.css new file mode 100644 index 0000000..5f9310c --- /dev/null +++ b/styles/elements/table.css @@ -0,0 +1,21 @@ +/* +This styling is unscoped in order to make it so that it still applies +to the chat messages which are not within a scope I control. +*/ +table.taf-query-summary { + margin: 0px; + + tr:hover > td { + background-color: var(--table-header-border-highlight); + } + + td { + padding: 4px 8px; + border: 1px solid var(--table-header-border-color); + width: 40%; + + &:first-of-type { + width: 60%; + } + } +} diff --git a/styles/main.css b/styles/main.css index 10ea6ec..40f4ed2 100644 --- a/styles/main.css +++ b/styles/main.css @@ -14,6 +14,7 @@ @import url("./elements/input.css") layer(elements); @import url("./elements/p.css") layer(elements); @import url("./elements/prose-mirror.css") layer(elements); +@import url("./elements/table.css") layer(elements); /* Apps */ @import url("./Apps/common.css") layer(apps); diff --git a/templates/query-response.hbs b/templates/query-response.hbs new file mode 100644 index 0000000..c2e1219 --- /dev/null +++ b/templates/query-response.hbs @@ -0,0 +1,16 @@ +{{#if answers}} + + + + + + {{#each answers as | answer |}} + + + + + {{/each}} +
KeyValue
{{ @key }}{{ answer }}
+{{else}} +No data submitted +{{/if}}