discourse/discourse-data-explorer
1
0
Fork 0
mirror of https://github.com/discourse/discourse-data-explorer.git synced 2025-06-27 10:02:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

UX: Apply admin table classes for consistent mobile styling on the recent queries page (#349)

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

20
assets/stylesheets/explorer.scss
View File

@ -211,7 +211,14 @@ table.group-reports {
margin: 10px 0; margin: 10px 0;
} }
.groups { .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 { .label {
margin-right: 10px; margin-right: 10px;
color: var(--primary-high); color: var(--primary-high);
@ -219,6 +226,12 @@ table.group-reports {
.name { .name {
display: inline; display: inline;
} }
.select-kit.multi-select {
@include breakpoint("tablet") {
width: 360px;
}
}
} }
} }
@ -385,6 +398,11 @@ table.group-reports {
display: inline; display: inline;
} }
} }
.group-names {
@include breakpoint("tablet") {
text-align: right;
}
}
.query-created-at { .query-created-at {
color: var(--primary-medium); color: var(--primary-medium);
} }