treehouse
/
mastodon
21
8
Fork 5
Code Issues 32 Pull Requests Projects 1 Releases Wiki Activity

Merge pull request #471 from impiaaa/thread-icon 

Add an extra icon to indicate that a status is part of a conversation
lolsob-rspec
David Yip 2018-06-01 00:35:13 -05:00 committed by GitHub
parent 663c9dcf36 559ce5c098
commit bbe1731bb0
2 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/javascript/flavours/glitch/components/status_icons.js
View File

@ -47,9 +47,15 @@ export default class StatusIcons extends React.PureComponent {
return ( return (
<div className='status__info__icons'> <div className='status__info__icons'>
{status.get('in_reply_to_id', null) !== null ? (
<i
className={`fa fa-fw fa-comment status__reply-icon`}
aria-hidden='true'
/>
) : null}
{mediaIcon ? ( {mediaIcon ? (
<i <i
className={`fa fa-fw fa-${mediaIcon}`} className={`fa fa-fw fa-${mediaIcon} status__media-icon`}
aria-hidden='true' aria-hidden='true'
/> />
) : null} ) : null}

7
app/javascript/flavours/glitch/styles/components/status.scss
View File

@ -331,8 +331,13 @@
height: 1em; height: 1em;
color: $action-button-color; color: $action-button-color;
.status__visibility-icon { .status__media-icon {
padding-left: 6px; padding-left: 6px;
padding-right: 1px;
}
.status__visibility-icon {
padding-left: 4px;
} }
} }