Minor UI improvements

flecs-hub · Nov 12, 2022 · bfdd1b6 · bfdd1b6
1 parent fe34531
commit bfdd1b6
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 8 deletions.
diff --git a/etc/css/style.css b/etc/css/style.css
@@ -1003,11 +1003,14 @@ div.query-result-yes {
 }
 
 div.query-result-no {
- color: var(--tertiary-text); 
+ color: var(--secondary-text);
+ padding-top: 10px;
+ padding-bottom: 10px;
+ padding-left: 10px;
 }
 
-span.query-result-no {
- color: var(--tertiary-text); 
+span.query-result-cell-none {
+ color: var(--tertiary-text);
 }
 
 div.query-results {
@@ -1253,14 +1256,14 @@ span.query-result-color {
 table.query-results-table td {
  padding-left: var(--p-4);
  padding-right: var(--p-4);
- padding-bottom: var(--p-3);
- padding-top: var(--p-3);
+ padding-bottom: 0px;
+ padding-top: 0px;
  border-top-color: var(--grey-800);
  border-top-style: solid;
  border-top-width: 1px;
  font-size: inherit;
  font-feature-settings: "tnum";
- height: 44px;
+ height: 50px;
 }
 
 /* detail toggle */

diff --git a/etc/js/query_results.js b/etc/js/query_results.js
@@ -60,7 +60,7 @@ Vue.component('query-results-table', {
  return this.columns.data.values[term] === 0;
  },
  create_none(h) {
- return h('td', [h('span', { class: "query-result-no" }, ["None"])]);
+ return h('td', [h('span', { class: "query-result-cell-none" }, ["None"])]);
  },
  // Create table header
  create_header(h) {
@@ -455,7 +455,7 @@ Vue.component('query-results', {
  <div :class="css">
  <template v-if="data && valid && !has_this && ((variable_count == 0) || !results.length)">
  <div v-if="data && is_true" class="noselect query-result-yes"> Yes </div>
- <div v-else class="noselect query-result-no"> No </div>
+ <div v-else class="noselect query-result-no"> No results </div>
  </template>
  <template v-else>
  <query-results-table :columns="columns"