diff options
author | Claire <claire.github-309c@sitedethib.com> | 2021-12-18 11:44:54 +0100 |
---|---|---|
committer | Claire <claire.github-309c@sitedethib.com> | 2021-12-18 11:44:54 +0100 |
commit | d4f315f3044f69dfe64fbfd2348fcaa5deb2aa5e (patch) | |
tree | e3684038c30aef2dd3a0c9b5ec76de83e043663c /app/javascript | |
parent | 7efef7db9ed6f7b25a28166c1b75a28adbaf7cdb (diff) | |
parent | 76761d5fc0886e44a7a6eb94ab62aae8204d9e6e (diff) |
Merge branch 'main' into glitch-soc/merge-upstream
Diffstat (limited to 'app/javascript')
-rw-r--r-- | app/javascript/mastodon/components/admin/Retention.js | 12 | ||||
-rw-r--r-- | app/javascript/styles/mastodon/components.scss | 13 |
2 files changed, 19 insertions, 6 deletions
diff --git a/app/javascript/mastodon/components/admin/Retention.js b/app/javascript/mastodon/components/admin/Retention.js index aa06722f7..3a7aaed9d 100644 --- a/app/javascript/mastodon/components/admin/Retention.js +++ b/app/javascript/mastodon/components/admin/Retention.js @@ -42,6 +42,7 @@ export default class Retention extends React.PureComponent { render () { const { loading, data } = this.state; + const { frequency } = this.props; let content; @@ -129,9 +130,18 @@ export default class Retention extends React.PureComponent { ); } + let title = null; + switch(frequency) { + case 'day': + title = <FormattedMessage id='admin.dashboard.daily_retention' defaultMessage='User retention rate by day after sign-up' />; + break; + default: + title = <FormattedMessage id='admin.dashboard.monthly_retention' defaultMessage='User retention rate by month after sign-up' />; + }; + return ( <div className='retention'> - <h4><FormattedMessage id='admin.dashboard.retention' defaultMessage='Retention' /></h4> + <h4>{title}</h4> {content} </div> diff --git a/app/javascript/styles/mastodon/components.scss b/app/javascript/styles/mastodon/components.scss index 3343e9bd3..90c1bb88b 100644 --- a/app/javascript/styles/mastodon/components.scss +++ b/app/javascript/styles/mastodon/components.scss @@ -3074,17 +3074,20 @@ a.account__display-name { box-sizing: border-box; width: 100%; margin: 0; - color: $inverted-text-color; - background: $simple-background-color; - padding: 10px; + color: $darker-text-color; + background: transparent; + padding: 7px 0; font-family: inherit; font-size: 14px; resize: vertical; border: 0; + border-bottom: 2px solid $ui-primary-color; outline: 0; - border-radius: 4px; - &:focus { + &:focus, + &:active { + color: $primary-text-color; + border-bottom-color: $ui-highlight-color; outline: 0; } |