diff --git a/app/javascript/mastodon/components/status.js b/app/javascript/mastodon/components/status.js index 5c548f015..b3ee98d20 100644 --- a/app/javascript/mastodon/components/status.js +++ b/app/javascript/mastodon/components/status.js @@ -392,6 +392,15 @@ class Status extends ImmutablePureComponent { openMedia: this.handleHotkeyOpenMedia, }; + const visibilityIconInfo = { + 'public': { icon: 'globe', text: intl.formatMessage(messages.public_short) }, + 'unlisted': { icon: 'unlock', text: intl.formatMessage(messages.unlisted_short) }, + 'private': { icon: 'lock', text: intl.formatMessage(messages.private_short) }, + 'mutual': { icon: 'exchange', text: intl.formatMessage(messages.mutual_short) }, + 'limited': { icon: 'user-circle', text: intl.formatMessage(messages.limited_short) }, + 'direct': { icon: 'envelope', text: intl.formatMessage(messages.direct_short) }, + }; + if (hidden) { return ( @@ -427,11 +436,14 @@ class Status extends ImmutablePureComponent { ); } else if (status.get('reblog', null) !== null && typeof status.get('reblog') === 'object') { const display_name_html = { __html: status.getIn(['account', 'display_name_html']) }; + const visibilityReblogIcon = visibilityIconInfo[status.get('visibility')]; + const visibilityReblogLink = ; prepend = (
}} /> + {visibilityReblogLink}
); @@ -537,15 +549,6 @@ class Status extends ImmutablePureComponent { statusAvatar = ; } - const visibilityIconInfo = { - 'public': { icon: 'globe', text: intl.formatMessage(messages.public_short) }, - 'unlisted': { icon: 'unlock', text: intl.formatMessage(messages.unlisted_short) }, - 'private': { icon: 'lock', text: intl.formatMessage(messages.private_short) }, - 'mutual': { icon: 'exchange', text: intl.formatMessage(messages.mutual_short) }, - 'limited': { icon: 'user-circle', text: intl.formatMessage(messages.limited_short) }, - 'direct': { icon: 'envelope', text: intl.formatMessage(messages.direct_short) }, - }; - const visibilityIcon = visibilityIconInfo[status.get('visibility')]; const visibilityLink = ; @@ -582,7 +585,7 @@ class Status extends ImmutablePureComponent { height={70} cacheWidth={this.props.cacheMediaWidth} deployPictureInPicture={pictureInPicture.get('available') ? this.handleDeployPictureInPicture : undefined} - /> + /> )} ); diff --git a/app/javascript/styles/mastodon/components.scss b/app/javascript/styles/mastodon/components.scss index 6d2127fc5..3d3256a1f 100644 --- a/app/javascript/styles/mastodon/components.scss +++ b/app/javascript/styles/mastodon/components.scss @@ -1274,9 +1274,9 @@ } > span { - display: block; overflow: hidden; text-overflow: ellipsis; + margin-right: 4px; } } diff --git a/app/javascript/styles/mastodon/rtl.scss b/app/javascript/styles/mastodon/rtl.scss index 4b30ed2c5..c00b0bd59 100644 --- a/app/javascript/styles/mastodon/rtl.scss +++ b/app/javascript/styles/mastodon/rtl.scss @@ -158,6 +158,10 @@ body.rtl { .status__prepend { margin-left: 0; margin-right: 68px; + + > span { + margin-left: 4px; + } } .status__prepend-icon-wrapper { diff --git a/app/views/statuses/_status.html.haml b/app/views/statuses/_status.html.haml index 9f3197d0d..d5006ca6c 100644 --- a/app/views/statuses/_status.html.haml +++ b/app/views/statuses/_status.html.haml @@ -31,6 +31,7 @@ %bdi %strong.emojify= display_name(status.account, custom_emojify: true) = t('stream_entries.reblogged') + = visibility_icon status - elsif pinned .status__prepend .status__prepend-icon-wrapper