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

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

@ -1,24 +1,28 @@
<div class="result-info"> <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 "downloadResultJson") icon="download" label="explorer.download_json" group=group}}
{{d-button action=(action "downloadResultCsv") icon="download" label="explorer.download_csv" group=group}} {{d-button action=(action "downloadResultCsv") icon="download" label="explorer.download_csv" group=group}}
</div> </div>
<div class="result-about"> <div class="result-about">
{{resultCount}} {{resultCount}}
{{duration}} {{duration}}
</div> </div>
<br> <br>
{{~#if hasExplain}} {{~#if hasExplain}}
<pre class="result-explain"><code> <pre class="result-explain"><code>
{{~content.explain}} {{~content.explain}}
</code></pre> </code></pre>
{{~/if}} {{~/if}}
<br> <br>
</header>
<table> <section>
<table>
<thead> <thead>
<tr class="headers"> <tr class="headers">
{{#each columnDispNames as |col|}} {{#each columnDispNames as |col|}}
@ -34,4 +38,6 @@
columnTemplates=columnTemplates}} columnTemplates=columnTemplates}}
{{/each}} {{/each}}
</tbody> </tbody>
</table> </table>
</section>
</article>

12
assets/stylesheets/explorer.scss
View File

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