IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-25 18:55:32 -06:00
Code Issues Packages Projects Releases Wiki Activity

UX: Add 'edit' link to theme colour palette selector (#25073)

Browse Source
This commit is contained in:
David Taylor 2024-01-02 10:45:52 +00:00 committed by GitHub
parent 641c689ac1
commit 236f3cc6eb
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 26 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
app/assets/javascripts/admin/addon/controllers/admin-customize-themes-show.js
View File

@ -447,4 +447,9 @@ export default class AdminCustomizeThemesShowController extends Controller {
.saveChanges("enabled")
.catch(() => this.model.set("enabled", true));
}
@action
editColorScheme() {
this.router.transitionTo("adminCustomize.colors.show", this.colorSchemeId);
}
}

21
app/assets/javascripts/admin/addon/templates/customize-themes-show.hbs
View File

@ -282,12 +282,21 @@
</div>
<div class="setting-value">
<ColorPalettes
@content={{this.colorSchemes}}
@value={{this.colorSchemeId}}
@icon="paint-brush"
@options={{hash filterable=true}}
/>
<div class="color-palette-input-group">
<ColorPalettes
@content={{this.colorSchemes}}
@value={{this.colorSchemeId}}
@icon="paint-brush"
@options={{hash filterable=true}}
/>
{{#if this.colorSchemeId}}
<DButton
@icon="pen"
@action={{this.editColorScheme}}
@title="admin.customize.theme.edit_color_scheme"
/>
{{/if}}
</div>
<div class="desc">{{i18n
"admin.customize.theme.color_scheme_select"

5
app/assets/stylesheets/common/admin/customize.scss
View File

@ -450,6 +450,11 @@
.setting {
padding-bottom: 0;
}
.color-palette-input-group {
display: flex;
gap: 0.5rem;
}
}
.editor-information {

1
config/locales/client.en.yml
View File

@ -5314,6 +5314,7 @@ en:
color_scheme_user_selectable: "Color scheme can be selected by users"
auto_update: "Auto update when Discourse is updated"
color_scheme: "Color Palette"
edit_color_scheme: "Edit Color Palette"
default_light_scheme: "Light (default)"
color_scheme_select: "Select colors to be used by theme"
custom_sections: "Custom sections:"