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: Apply admin table classes for consistent mobile styling on the recent queries page (#349) 

* UX: Apply admin table classes for consistent mobile styling on the recent queries page

* DEV: Apply prettier
This commit is contained in:
Ella E. 2024-12-23 08:41:46 -07:00 committed by GitHub
parent d961589f97
commit 950246a946
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 54 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

59
assets/javascripts/discourse/templates/admin/plugins-explorer.hbs
View File

@ -102,18 +102,16 @@
{{/if}}
{{#unless this.selectedItem.destroyed}}
<div class="pull-left">
<div class="groups">
<span class="label">{{i18n "explorer.allow_groups"}}</span>
<span>
<MultiSelect
@value={{this.selectedItem.group_ids}}
@content={{this.groupOptions}}
@options={{hash allowAny=false}}
@onChange={{this.updateGroupIds}}
/>
</span>
</div>
<div class="groups">
<span class="label">{{i18n "explorer.allow_groups"}}</span>
<span>
<MultiSelect
@value={{this.selectedItem.group_ids}}
@content={{this.groupOptions}}
@options={{hash allowAny=false}}
@onChange={{this.updateGroupIds}}
/>
</span>
</div>
{{/unless}}
@ -289,7 +287,7 @@
{{#unless this.validQueryPresent}}
<div class="container">
<table class="recent-queries">
<table class="d-admin-table recent-queries">
<thead class="heading-container">
<th class="col heading name">
<div
@ -344,8 +342,8 @@
</thead>
<tbody>
{{#each this.filteredContent as |query|}}
<tr class="query-row">
<td>
<tr class="d-admin-row__content query-row">
<td class="d-admin-row__overview">
<a
{{on "click" this.scrollTop}}
href="/admin/plugins/explorer/?id={{query.id}}"
@ -354,19 +352,32 @@
<medium class="query-desc">{{query.description}}</medium>
</a>
</td>
<td class="query-created-by">
<td class="d-admin-row__detail query-created-by">
<div class="d-admin-row__mobile-label">
{{i18n "explorer.query_user"}}
</div>
{{#if query.username}}
<a href="/u/{{query.username}}/activity">
<medium>{{query.username}}</medium>
</a>
<div>
<a href="/u/{{query.username}}/activity">
<medium>{{query.username}}</medium>
</a>
</div>
{{/if}}
</td>
<td class="query-group-names">
{{#each query.group_names as |group|}}
<ShareReport @group={{group}} @query={{query}} />
{{/each}}
<td class="d-admin-row__detail query-group-names">
<div class="d-admin-row__mobile-label">
{{i18n "explorer.query_groups"}}
</div>
<div class="group-names">
{{#each query.group_names as |group|}}
<ShareReport @group={{group}} @query={{query}} />
{{/each}}
</div>
</td>
<td class="query-created-at">
<td class="d-admin-row__detail query-created-at">
<div class="d-admin-row__mobile-label">
{{i18n "explorer.query_time"}}
</div>
{{#if query.last_run_at}}
<medium>
{{bound-date query.last_run_at}}

20
assets/stylesheets/explorer.scss
View File

@ -211,7 +211,14 @@ table.group-reports {
margin: 10px 0;
}
.groups {
margin-bottom: 10px;
margin: 10px 0;
display: flex;
flex-direction: row;
align-items: center;
@include breakpoint("tablet") {
flex-direction: column;
align-items: flex-start;
}
.label {
margin-right: 10px;
color: var(--primary-high);
@ -219,6 +226,12 @@ table.group-reports {
.name {
display: inline;
}
.select-kit.multi-select {
@include breakpoint("tablet") {
width: 360px;
}
}
}
}
@ -385,6 +398,11 @@ table.group-reports {
display: inline;
}
}
.group-names {
@include breakpoint("tablet") {
text-align: right;
}
}
.query-created-at {
color: var(--primary-medium);
}