Discource-C/discourse
1
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-06 11:28:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

UX: Minor admin mobile fixes

Browse Source 
* Fixes big gap at the left of the plugins list.
* Fixes plugin settings list padding, the yellow overridden
  dot was cut off on mobile.
* Also increased settings filter input size and settings
  sidebar button margin.
This commit is contained in:
Martin Brennan 2024-09-30 15:33:16 +10:00
parent 41f6cf0642
commit 801eb85653
No known key found for this signature in database
GPG Key ID: BD981EFEEC8F5675
4 changed files with 29 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/assets/javascripts/admin/addon/components/admin-filtered-site-settings.gjs
View File

@ -61,7 +61,7 @@ export default class AdminFilteredSiteSettings extends Component {
/>
<ConditionalLoadingSpinner @condition={{this.loading}}>
<section class="form-horizontal settings">
<section class="admin-filtered-site-settings form-horizontal settings">
{{#each this.visibleSettings as |setting|}}
<SiteSetting @setting={{setting}} />
{{/each}}

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

@ -1083,6 +1083,7 @@ a.inline-editable-field {
@import "common/admin/api";
@import "common/admin/backups";
@import "common/admin/plugins";
@import "common/admin/site-settings";
@import "common/admin/admin_config_area";
@import "common/admin/admin_reports";
@import "common/admin/admin_report";

14
app/assets/stylesheets/common/admin/plugins.scss
View File

@ -10,13 +10,13 @@
.admin-plugins-list {
@media screen and (min-width: 550px) {
.admin-plugins-list__row {
grid-template-columns: 0.25fr repeat(4, 1fr);
grid-template-columns: 0fr repeat(4, 1fr);
}
}
@include breakpoint(mobile-extra-large) {
.admin-plugins-list__row {
grid-template-columns: 0.25fr repeat(3, 1fr);
grid-template-columns: 0fr repeat(3, 1fr);
}
.admin-plugins-list {
@ -175,16 +175,6 @@
}
.admin-plugin-config-area {
&__settings {
.admin-site-settings-filter-controls {
margin-bottom: 1em;
}
.setting-label {
margin-left: 18px;
}
}
&__empty-list {
padding: 1em;
border: 1px solid var(--primary-low);

25
app/assets/stylesheets/common/admin/site-settings.scss Normal file
View File

@ -0,0 +1,25 @@
.admin-controls.admin-site-settings-filter-controls
.controls
.admin-site-settings-filter-controls__input {
max-width: 300px;
}
.admin-controls.admin-site-settings-filter-controls .menu-toggle {
margin-left: 0.5em;
}
.admin-plugin-config-area {
&__settings {
.admin-site-settings-filter-controls {
margin-bottom: 1em;
}
.admin-filtered-site-settings {
padding: 0.5em 1em;
}
.setting-label {
margin-left: 18px;
}
}
}