prevents line breaks for author names, reblog-icon-reblogger

This commit is contained in:
Travis Kohlbeck 2020-02-18 17:15:47 -05:00
parent 5838039fef
commit 37c01fc150
2 changed files with 6 additions and 4 deletions

View File

@ -6,6 +6,9 @@ export const styles = (theme: Theme) =>
marginTop: theme.spacing.unit,
marginBottom: theme.spacing.unit
},
postAuthorName: {
whiteSpace: 'nowrap',
},
postReblogChip: {
color: theme.palette.common.white,
"&:hover": {

View File

@ -410,11 +410,10 @@ export class Post extends React.Component<any, IPostState> {
emojis.concat(reblogger.emojis);
}
// console.log(post);
return (
<>
<span
className={classes.postAuthorName}
dangerouslySetInnerHTML={{
__html: emojifyString(
author.display_name || author.username,
@ -436,7 +435,7 @@ export class Post extends React.Component<any, IPostState> {
}}
></span>
{reblogger ? (
<>
<div>
<AutorenewIcon
fontSize="small"
className={classes.postReblogIcon}
@ -451,7 +450,7 @@ export class Post extends React.Component<any, IPostState> {
)
}}
></span>
</>
</div>
) : null}
</>
);