Discource-C
/
discourse-data-explorer
mirror of https://github.com/discourse/discourse-data-explorer.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

UX: allow horizontal overflow scroll, fix button (#95)

This commit is contained in:
Kris 2021-02-18 04:36:37 -05:00 committed by GitHub
parent 5e24556b24
commit 3151fde1e7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 50 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

70
assets/javascripts/discourse/templates/explorer-query-result.hbs
View File

@ -1,37 +1,43 @@
<div class="result-info">
{{d-button action=(action "downloadResultJson") icon="download" label="explorer.download_json" group=group}}
{{d-button action=(action "downloadResultCsv") icon="download" label="explorer.download_csv" group=group}}
</div>
<article>
<header class="result-header">
<div class="result-info">
{{d-button action=(action "downloadResultJson") icon="download" label="explorer.download_json" group=group}}
{{d-button action=(action "downloadResultCsv") icon="download" label="explorer.download_csv" group=group}}
</div>
<div class="result-about">
{{resultCount}}
{{duration}}
</div>
<div class="result-about">
{{resultCount}}
{{duration}}
</div>
<br>
<br>
{{~#if hasExplain}}
<pre class="result-explain"><code>
{{~content.explain}}
</code></pre>
{{~/if}}
{{~#if hasExplain}}
<pre class="result-explain"><code>
{{~content.explain}}
</code></pre>
{{~/if}}
<br>
<br>
</header>
<table>
<thead>
<tr class="headers">
{{#each columnDispNames as |col|}}
<th>{{col}}</th>
{{/each}}
</tr>
</thead>
<tbody>
{{#each rows as |row|}}
{{query-row-content
row=row
fallbackTemplate=fallbackTemplate
columnTemplates=columnTemplates}}
{{/each}}
</tbody>
</table>
<section>
<table>
<thead>
<tr class="headers">
{{#each columnDispNames as |col|}}
<th>{{col}}</th>
{{/each}}
</tr>
</thead>
<tbody>
{{#each rows as |row|}}
{{query-row-content
row=row
fallbackTemplate=fallbackTemplate
columnTemplates=columnTemplates}}
{{/each}}
</tbody>
</table>
</section>
</article>

12
assets/stylesheets/explorer.scss
View File

@ -280,7 +280,19 @@ table.group-reports {
margin: 10px 0;
}
.query-create {
display: flex;
input {
margin-right: 0.5em;
margin-bottom: 0;
}
}
.query-results {
section {
width: 100%;
overflow-x: auto;
}
table {
width: 100%;
margin-top: 10px;