diff --git a/app/javascript/flavours/glitch/components/account.js b/app/javascript/flavours/glitch/components/account.js
index 8bfc8e9dcef..8e810ce5fb6 100644
--- a/app/javascript/flavours/glitch/components/account.js
+++ b/app/javascript/flavours/glitch/components/account.js
@@ -27,6 +27,7 @@ export default @injectIntl
class Account extends ImmutablePureComponent {
static propTypes = {
+ size: PropTypes.number,
account: ImmutablePropTypes.map,
onFollow: PropTypes.func.isRequired,
onBlock: PropTypes.func.isRequired,
@@ -41,6 +42,10 @@ class Account extends ImmutablePureComponent {
onActionClick: PropTypes.func,
};
+ static defaultProps = {
+ size: 36,
+ };
+
handleFollow = () => {
this.props.onFollow(this.props.account);
}
@@ -75,6 +80,7 @@ class Account extends ImmutablePureComponent {
actionIcon,
actionTitle,
defaultAction,
+ size,
} = this.props;
if (!account) {
@@ -163,7 +169,7 @@ class Account extends ImmutablePureComponent {
-
+
{mute_expires_at}
diff --git a/app/javascript/flavours/glitch/components/server_banner.js b/app/javascript/flavours/glitch/components/server_banner.js
index 9cb0ef13c08..36e0ff23817 100644
--- a/app/javascript/flavours/glitch/components/server_banner.js
+++ b/app/javascript/flavours/glitch/components/server_banner.js
@@ -61,7 +61,7 @@ class ServerBanner extends React.PureComponent {
diff --git a/app/javascript/flavours/glitch/features/about/index.js b/app/javascript/flavours/glitch/features/about/index.js
index 3d26c59bcbe..4129c8236ef 100644
--- a/app/javascript/flavours/glitch/features/about/index.js
+++ b/app/javascript/flavours/glitch/features/about/index.js
@@ -125,7 +125,7 @@ class About extends React.PureComponent {
@@ -209,6 +209,11 @@ class About extends React.PureComponent {
+
+
diff --git a/app/javascript/flavours/glitch/features/ui/components/link_footer.js b/app/javascript/flavours/glitch/features/ui/components/link_footer.js
index 3f74c908ac6..d7a4cf13049 100644
--- a/app/javascript/flavours/glitch/features/ui/components/link_footer.js
+++ b/app/javascript/flavours/glitch/features/ui/components/link_footer.js
@@ -3,7 +3,7 @@ import React from 'react';
import PropTypes from 'prop-types';
import { FormattedMessage, defineMessages, injectIntl } from 'react-intl';
import { Link } from 'react-router-dom';
-import { version, repository, source_url, profile_directory as profileDirectory } from 'flavours/glitch/initial_state';
+import { domain, version, source_url, profile_directory as profileDirectory } from 'flavours/glitch/initial_state';
import { logOut } from 'flavours/glitch/utils/log_out';
import { openModal } from 'flavours/glitch/actions/modal';
import { PERMISSION_INVITE_USERS } from 'flavours/glitch/permissions';
@@ -48,44 +48,44 @@ class LinkFooter extends React.PureComponent {
render () {
const { signedIn, permissions } = this.context.identity;
- const items = [];
- items.push();
- items.push();
- items.push();
- items.push();
- items.push();
- items.push();
-
- if (profileDirectory) {
- items.push();
- }
-
- if (signedIn) {
- if ((permissions & PERMISSION_INVITE_USERS) === PERMISSION_INVITE_USERS) {
- items.push();
- }
-
- items.push();
- items.push();
- }
+ const canInvite = signedIn && ((permissions & PERMISSION_INVITE_USERS) === PERMISSION_INVITE_USERS);
+ const canProfileDirectory = profileDirectory;
return (
-
-
- {items.map((item, index, array) => (
- - {item} { index === array.length - 1 ? null : ' · ' }
- ))}
-
+
+
+ {domain}:
+ {' '}
+
+ {canInvite && (
+ <>
+ {' · '}
+
+ >
+ )}
+ {canProfileDirectory && (
+ <>
+ {' · '}
+
+ >
+ )}
+ {' · '}
+
+
- {repository} (v{version}),
- Mastodon: Mastodon }}
- />
+ Mastodon:
+ {' '}
+
+ {' · '}
+
+ {' · '}
+
+ {' · '}
+
+ {' · '}
+ v{version}
);
diff --git a/app/javascript/flavours/glitch/styles/components/about.scss b/app/javascript/flavours/glitch/styles/components/about.scss
index ca9ba3ebf85..c6cc6c61540 100644
--- a/app/javascript/flavours/glitch/styles/components/about.scss
+++ b/app/javascript/flavours/glitch/styles/components/about.scss
@@ -30,6 +30,34 @@
}
}
+.link-footer {
+ flex: 0 0 auto;
+ padding: 10px;
+ padding-top: 20px;
+ z-index: 1;
+ font-size: 13px;
+
+ p {
+ color: $dark-text-color;
+ margin-bottom: 20px;
+
+ strong {
+ font-weight: 500;
+ }
+
+ a {
+ color: $dark-text-color;
+ text-decoration: underline;
+
+ &:hover,
+ &:focus,
+ &:active {
+ text-decoration: none;
+ }
+ }
+ }
+}
+
.about {
padding: 20px;
@@ -37,6 +65,14 @@
border-radius: 4px;
}
+ &__footer {
+ color: $dark-text-color;
+ text-align: center;
+ font-size: 15px;
+ line-height: 22px;
+ margin-top: 20px;
+ }
+
&__header {
margin-bottom: 30px;
@@ -157,7 +193,7 @@
}
}
- .getting-started__footer {
+ .link-footer {
padding: 0;
margin-top: 60px;
text-align: center;
diff --git a/app/javascript/flavours/glitch/styles/components/index.scss b/app/javascript/flavours/glitch/styles/components/index.scss
index 28f93018dad..c3276b035b3 100644
--- a/app/javascript/flavours/glitch/styles/components/index.scss
+++ b/app/javascript/flavours/glitch/styles/components/index.scss
@@ -1044,43 +1044,6 @@
color: $dark-text-color;
}
- &__footer {
- flex: 0 0 auto;
- padding: 10px;
- padding-top: 20px;
- z-index: 1;
- font-size: 13px;
-
- ul {
- margin-bottom: 10px;
- }
-
- ul li {
- display: inline;
- }
-
- p {
- color: $dark-text-color;
- margin-bottom: 20px;
-
- a {
- color: $dark-text-color;
- text-decoration: underline;
- }
- }
-
- a {
- text-decoration: none;
- color: $darker-text-color;
-
- &:hover,
- &:focus,
- &:active {
- text-decoration: underline;
- }
- }
- }
-
&__trends {
flex: 0 1 auto;
opacity: 1;