diff options
| author | multiple creatures <dev@multiple-creature.party> | 2020-01-14 00:13:52 -0600 |
|---|---|---|
| committer | multiple creatures <dev@multiple-creature.party> | 2020-01-14 00:13:52 -0600 |
| commit | 14326f5fd0b442684577a173df33e0b5c160ccf8 (patch) | |
| tree | 34ea70b3e790fb21546e2295ad44c5429b22bf8e /app/javascript/flavours/glitch | |
| parent | d8242376296a8d72d27ffb0b462390d031f1f435 (diff) | |
differentiate local-only posts in the web app
Diffstat (limited to 'app/javascript/flavours/glitch')
| -rw-r--r-- | app/javascript/flavours/glitch/components/status.js | 2 | ||||
| -rw-r--r-- | app/javascript/flavours/glitch/components/status_icons.js | 3 | ||||
| -rw-r--r-- | app/javascript/flavours/glitch/styles/monsterpit.scss | 6 |
3 files changed, 10 insertions, 1 deletions
diff --git a/app/javascript/flavours/glitch/components/status.js b/app/javascript/flavours/glitch/components/status.js index 39b03b68d..cd09ab587 100644 --- a/app/javascript/flavours/glitch/components/status.js +++ b/app/javascript/flavours/glitch/components/status.js @@ -619,7 +619,7 @@ export default class Status extends ImmutablePureComponent { toggleSensitive: this.handleHotkeyToggleSensitive, }; - const computedClass = classNames('status', `status-${status.get('visibility')}`, { + const computedClass = classNames('status', `status-${status.get('visibility')}`, `status-${status.get('local_only') ? 'local-only' : 'federatable'}`, { collapsed: isCollapsed, 'has-background': isCollapsed && background, 'status__wrapper-reply': !!status.get('in_reply_to_id'), diff --git a/app/javascript/flavours/glitch/components/status_icons.js b/app/javascript/flavours/glitch/components/status_icons.js index bba2fac87..72cc456a2 100644 --- a/app/javascript/flavours/glitch/components/status_icons.js +++ b/app/javascript/flavours/glitch/components/status_icons.js @@ -70,6 +70,9 @@ export default class StatusIcons extends React.PureComponent { {status.get('reject_replies') ? ( <i className='fa fa-microphone-slash' title='Rejecting replies' aria-hidden='true' /> ) : null} + {status.get('local_only') ? ( + <i className='fa fa-chain-broken' title='Local-only' aria-hidden='true' /> + ) : null} {!directMessage && <VisibilityIcon visibility={status.get('visibility')} />} {collapsible ? ( <IconButton diff --git a/app/javascript/flavours/glitch/styles/monsterpit.scss b/app/javascript/flavours/glitch/styles/monsterpit.scss index 13c0441af..ae66cb4b7 100644 --- a/app/javascript/flavours/glitch/styles/monsterpit.scss +++ b/app/javascript/flavours/glitch/styles/monsterpit.scss @@ -1,3 +1,9 @@ +.status { + &.status-local-only { + background: darken($ui-base-color, 4%); + } +} + .composer--reply > .content, .status__content__text, .e-content |