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

Merge pull request #394 from ashkitten/compressed-notifs 

fix compressed notifications again (#393)
lolsob-rspec
David Yip 2018-03-19 15:41:09 -05:00 committed by GitHub
parent b0993a5fdf 4b0f6c677e
commit bdeaef116e
2 changed files with 26 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
app/javascript/flavours/glitch/components/status.js
View File

@ -394,22 +394,24 @@ export default class Status extends ImmutablePureComponent {
tabIndex='0'
>
<header className='status__info'>
{prepend && account ? (
<StatusPrepend
type={prepend}
account={account}
parseClick={parseClick}
notificationId={this.props.notificationId}
/>
) : null}
{!muted ? (
<StatusHeader
status={status}
friend={account}
collapsed={isExpanded === false}
parseClick={parseClick}
/>
) : null}
<span>
{prepend && account ? (
<StatusPrepend
type={prepend}
account={account}
parseClick={parseClick}
notificationId={this.props.notificationId}
/>
) : null}
{!muted ? (
<StatusHeader
status={status}
friend={account}
collapsed={isExpanded === false}
parseClick={parseClick}
/>
) : null}
</span>
<StatusIcons
status={status}
mediaIcon={mediaIcon}

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

@ -289,21 +289,24 @@
.status__info__account .status__display-name {
display: block;
max-width: 100%;
padding-right: 25px;
}
.status__info {
position: relative;
display: flex;
padding: 2px 0 5px;
font-size: 15px;
line-height: 24px;
> span {
overflow: hidden;
}
}
.status__info__icons {
position: absolute;
margin-left: auto;
display: flex;
align-items: baseline;
color: lighten($ui-base-color, 26%);
top: 0;
right: 0;
.status__visibility-icon {
padding-left: 6px;