Add data- attributes to statuses for userstyle selectors (#117)

* Add data- attributes to statuses for userstyle selectors

* use const and template string, replace reblog->boosted and favourite->favourited

* more template strings because sorin-sama said so
signup-info-prompt
Ondřej Hruška 2017-08-04 22:11:46 +02:00 committed by GitHub
parent 8b58153583
commit f34f33c19e
1 changed files with 20 additions and 0 deletions

View File

@ -664,6 +664,25 @@ backgrounds for collapsed statuses are enabled.
) background = attachments.getIn([0, 'preview_url']);
}
/*
Here we prepare extra data-* attributes for CSS selectors.
Users can use those for theming, hiding avatars etc via UserStyle
*/
const selectorAttribs = {
'data-status-by': `@${status.getIn(['account', 'acct'])}`,
};
if (prepend && account) {
const notifKind = {
favourite: 'favourited',
reblog: 'boosted',
}[prepend];
selectorAttribs[`data-${notifKind}-by`] = `@${account.get('acct')}`;
}
/*
@ -694,6 +713,7 @@ collapsed.
),
}}
ref={handleRef}
{...selectorAttribs}
>
{prepend && account ? (
<StatusPrepend