+ {{svg-jar option.icon class=(concat "w8 h8 mr2 fill-" (or option.icon_color "green"))}}
{{option.name}}
{{option.description}}
diff --git a/ghost/admin/app/components/settings/members-default-post-access.js b/ghost/admin/app/components/settings/members-default-post-access.js
index 339939ccb7..23dfe5c06b 100644
--- a/ghost/admin/app/components/settings/members-default-post-access.js
+++ b/ghost/admin/app/components/settings/members-default-post-access.js
@@ -9,15 +9,21 @@ export default class SettingsMembersDefaultPostAccess extends Component {
return [{
name: 'Public',
description: 'All site visitors to your site, no login required',
- value: 'public'
+ value: 'public',
+ icon: 'globe',
+ icon_color: 'green'
}, {
name: 'Members only',
description: 'All logged-in members',
- value: 'members'
+ value: 'members',
+ icon: 'globe',
+ icon_color: 'green'
}, {
name: 'Paid-members only',
description: 'Only logged-in mmembers with an active Stripe subscription',
- value: 'paid'
+ value: 'paid',
+ icon: 'globe',
+ icon_color: 'green'
}];
}
diff --git a/ghost/admin/app/components/settings/members-subscription-access.hbs b/ghost/admin/app/components/settings/members-subscription-access.hbs
index ddce7208cb..ee92614e01 100644
--- a/ghost/admin/app/components/settings/members-subscription-access.hbs
+++ b/ghost/admin/app/components/settings/members-subscription-access.hbs
@@ -10,9 +10,11 @@
@options={{this.options}}
@selected={{this.selectedOption}}
@onChange={{this.setSignupAccess}}
+ @triggerClass="gh-setting-dropdown"
as |option|
>
+ {{svg-jar option.icon class=(concat "w8 h8 mr2 fill-" (or option.icon_color "green"))}}
{{option.name}}
{{option.description}}
diff --git a/ghost/admin/app/components/settings/members-subscription-access.js b/ghost/admin/app/components/settings/members-subscription-access.js
index 9141f90878..004e185a00 100644
--- a/ghost/admin/app/components/settings/members-subscription-access.js
+++ b/ghost/admin/app/components/settings/members-subscription-access.js
@@ -9,15 +9,21 @@ export default class SettingsMembersSubscriptionAccess extends Component {
return [{
name: 'Anyone can sign up',
description: 'All visitors will be able to subscribe and sign in',
- value: 'all'
+ value: 'all',
+ icon: 'globe',
+ icon_color: 'green'
}, {
name: 'Only people I invite',
description: 'People can sign in from your site but won\'t be able to sign up',
- value: 'invite'
+ value: 'invite',
+ icon: 'globe',
+ icon_color: 'green'
}, {
name: 'Nobody',
description: 'No one will be able to subscribe or sign in',
- value: 'none'
+ value: 'none',
+ icon: 'globe',
+ icon_color: 'green'
}];
}
diff --git a/ghost/admin/app/styles/components/power-select.css b/ghost/admin/app/styles/components/power-select.css
index 31f36c9669..1e0102176b 100644
--- a/ghost/admin/app/styles/components/power-select.css
+++ b/ghost/admin/app/styles/components/power-select.css
@@ -9,7 +9,7 @@
border: 1px solid color-mod(var(--lightgrey) l(-5%) s(-5%));
}
-.ember-power-select-trigger svg {
+.ember-power-select-trigger:not(.gh-setting-dropdown) svg {
height: 4px;
width: 6.11px;
margin-left: 2px;
@@ -17,7 +17,7 @@
vertical-align: middle;
}
-.ember-power-select-trigger svg path {
+.ember-power-select-trigger:not(.gh-setting-dropdown) svg path {
stroke: var(--darkgrey);
}