+
{this.renderTriggerIcon()}
{this.renderText()}
diff --git a/ghost/portal/src/components/common/MemberGravatar.js b/ghost/portal/src/components/common/MemberGravatar.js
index 6d2778debd..7c4a04d6d2 100644
--- a/ghost/portal/src/components/common/MemberGravatar.js
+++ b/ghost/portal/src/components/common/MemberGravatar.js
@@ -22,15 +22,37 @@ export const AvatarStyles = `
width: calc(100% + 2px);
height: calc(100% + 2px);
opacity: 1;
- maxWidth: unset;
+ max-width: unset;
}
`;
const Styles = ({style = {}}) => {
return {
+ avatarContainer: {
+ position: 'relative',
+ display: 'flex',
+ alignItems: 'center',
+ justifyContent: 'center',
+ overflow: 'hidden',
+ borderRadius: '999px',
+ ...(style.avatarContainer || {}) // Override any custom style
+ },
+ gravatar: {
+ position: 'absolute',
+ display: 'block',
+ top: '-1px',
+ right: '-1px',
+ bottom: '-1px',
+ left: '-1px',
+ width: 'calc(100% + 2px)',
+ height: 'calc(100% + 2px)',
+ opacity: '1',
+ maxWidth: 'unset',
+ ...(style.avatarContainer || {}) // Override any custom style
+ },
userIcon: {
- width: '56px',
- height: '56px',
+ width: '34px',
+ height: '34px',
color: '#fff',
...(style.userIcon || {}) // Override any custom style
}
@@ -40,9 +62,9 @@ const Styles = ({style = {}}) => {
function MemberGravatar({gravatar, style}) {
let Style = Styles({style});
return (
-
+
- {gravatar ?
: null}
+ {gravatar ?
: null}
);
}
diff --git a/ghost/portal/src/images/icons/button-icon-1.svg b/ghost/portal/src/images/icons/button-icon-1.svg
index 1444a4ae45..3c91546af9 100644
--- a/ghost/portal/src/images/icons/button-icon-1.svg
+++ b/ghost/portal/src/images/icons/button-icon-1.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/ghost/portal/src/images/icons/button-icon-2.svg b/ghost/portal/src/images/icons/button-icon-2.svg
index daf543d9ae..e7dc079b00 100644
--- a/ghost/portal/src/images/icons/button-icon-2.svg
+++ b/ghost/portal/src/images/icons/button-icon-2.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/ghost/portal/src/images/icons/button-icon-3.svg b/ghost/portal/src/images/icons/button-icon-3.svg
index fd5188c324..4d84a23ebc 100644
--- a/ghost/portal/src/images/icons/button-icon-3.svg
+++ b/ghost/portal/src/images/icons/button-icon-3.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/ghost/portal/src/images/icons/button-icon-4.svg b/ghost/portal/src/images/icons/button-icon-4.svg
index 1cec15ff59..bdadb8d8ae 100644
--- a/ghost/portal/src/images/icons/button-icon-4.svg
+++ b/ghost/portal/src/images/icons/button-icon-4.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/ghost/portal/src/images/icons/button-icon-5.svg b/ghost/portal/src/images/icons/button-icon-5.svg
index 74c45f1b59..bc75e4a523 100644
--- a/ghost/portal/src/images/icons/button-icon-5.svg
+++ b/ghost/portal/src/images/icons/button-icon-5.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/ghost/portal/src/utils/fixtures.js b/ghost/portal/src/utils/fixtures.js
index 7fb24503af..ef85b9ba95 100644
--- a/ghost/portal/src/utils/fixtures.js
+++ b/ghost/portal/src/utils/fixtures.js
@@ -17,7 +17,7 @@ export const site = {
portal_name: true,
portal_plans: ['free', 'monthly', 'yearly'],
portal_button_icon: 'icon-1',
- portal_button_signup_text: 'Subscribe Now for free access to everything',
+ portal_button_signup_text: 'Subscribe now',
portal_button_style: 'icon-and-text'
};