oss/FrankerFaceZ
oss/FrankerFaceZ
1
0
Fork 0
mirror of https://github.com/FrankerFaceZ/FrankerFaceZ.git synced 2025-07-26 20:48:30 +00:00
Code Wiki Activity

Add no_invert support for custom badges (#522)

Browse source
This commit is contained in:
Lordmau5 2018-09-24 18:49:03 +02:00 • committed by Mike
parent d8cdbb405f
commit 5aaa7773de
1 changed files with 10 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/modules/chat/badges.jsx
View file

@ -393,6 +393,7 @@ export default class Badges extends Module {
old_badge = slotted[slot], old_badge = slotted[slot],
urls = badge.urls || (badge.image ? {1: badge.image} : null), urls = badge.urls || (badge.image ? {1: badge.image} : null),
color = badge.color || full_badge.color || 'transparent', color = badge.color || full_badge.color || 'transparent',
no_invert = badge.no_invert,
masked = color !== 'transparent' && is_mask, masked = color !== 'transparent' && is_mask,
bu = (urls || full_badge.urls || {1: full_badge.image}), bu = (urls || full_badge.urls || {1: full_badge.image}),
@ -433,19 +434,25 @@ export default class Badges extends Module {
slotted[slot] = {id: badge.id, props, badges: [bd]} slotted[slot] = {id: badge.id, props, badges: [bd]}
} }
if (no_invert) {
style.background = 'unset';
style.backgroundSize = 'unset';
style[CSS_MASK_IMAGE] = 'unset';
}
if ( has_image && urls ) { if ( has_image && urls ) {
const image = `url("${urls[1]}")`; const image = `url("${urls[1]}")`;
let image_set; let image_set;
if ( urls[2] || urls[4] ) if ( urls[2] || urls[4] )
image_set = `${WEBKIT}image-set(${image} 1x${urls[2] ? `, url("${urls[2]}") 2x` : ''}${urls[4] ? `, url("${urls[4]}") 4x` : ''})`; image_set = `${WEBKIT}image-set(${image} 1x${urls[2] ? `, url("${urls[2]}") 2x` : ''}${urls[4] ? `, url("${urls[4]}") 4x` : ''})`;
style[masked ? CSS_MASK_IMAGE : 'backgroundImage'] = image; style[masked && !no_invert ? CSS_MASK_IMAGE : 'backgroundImage'] = image;
if ( image_set ) if ( image_set )
style[masked ? CSS_MASK_IMAGE : 'backgroundImage'] = image_set; style[masked && !no_invert ? CSS_MASK_IMAGE : 'backgroundImage'] = image_set;
} }
if ( is_colored && badge.color ) { if ( is_colored && badge.color ) {
if ( masked ) if ( masked && !no_invert )
style.backgroundImage = `linear-gradient(${badge.color},${badge.color})`; style.backgroundImage = `linear-gradient(${badge.color},${badge.color})`;
else else
style.backgroundColor = badge.color; style.backgroundColor = badge.color;