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

UX: Add admin filter row styling (#30057) 

* DEV: add scss file for admin filter

* UX: apply styling for the filter row
This commit is contained in:
Ella E. 2024-12-03 00:22:13 -07:00 committed by GitHub
parent 2513339955
commit ef9d7579df
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 16 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
app/assets/javascripts/admin/addon/templates/users-list-show.hbs
View File

@ -20,9 +20,10 @@
<PluginOutlet @name="admin-users-list-show-before" />
<div class="admin-users-list__controls">
<div class="admin-users-list__search">
<div class="d-admin-filter admin-users-list__controls">
<div class="admin-filter__input-container admin-users-list__search">
<input
class="admin-filter__input"
type="text"
dir="auto"
placeholder={{this.searchHint}}

1
app/assets/stylesheets/common/admin/admin_base.scss
View File

@ -1104,6 +1104,7 @@ a.inline-editable-field {
@import "common/admin/site-settings";
@import "common/admin/admin_config_area";
@import "common/admin/admin_table";
@import "common/admin/admin_filter";
@import "common/admin/admin_reports";
@import "common/admin/admin_report";
@import "common/admin/admin_report_counters";

12
app/assets/stylesheets/common/admin/admin_filter.scss Normal file
View File

@ -0,0 +1,12 @@
.d-admin-filter {
background-color: var(--primary-very-low);
padding: var(--space-2);
}
.admin-users-list__search {
min-width: 50%;
}
.admin-filter__input {
width: 100%;
}