kick/chat(fix): ignore bufrd. lines for alt colors (#714)

SevenTV · Jun 23, 2023 · aa2719d · aa2719d
1 parent 02153b6
commit aa2719d
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/site/kick.com/modules/chat/ChatMessage.vue b/src/site/kick.com/modules/chat/ChatMessage.vue
@@ -56,6 +56,7 @@ export interface ChatMessageBinding {
 
 const props = defineProps<{
 	bind: ChatMessageBinding;
+	parity?: "odd" | "even";
 }>();
 
 const emit = defineEmits<{
@@ -79,6 +80,7 @@ useEventListener(props.bind.usernameEl.parentElement, "click", () => {
 
 // Process kick's text entries into a containerized token
 function process(): void {
+	if (props.parity) props.bind.el.setAttribute("parity", props.parity);
 	props.bind.usernameEl.insertAdjacentElement("beforebegin", badgeContainer);
 
 	if (cosmetics.paints.size) {

diff --git a/src/site/kick.com/modules/chat/ChatObserver.vue b/src/site/kick.com/modules/chat/ChatObserver.vue
@@ -1,7 +1,7 @@
 <template>
 	<!-- Patch messages -->
-	<template v-for="bind of messages" :key="bind.id">
-		<ChatMessageVue :bind="bind" @open-card="onOpenUserCard" @vue:updated="onMessageRendered" />
+	<template v-for="(bind, i) of messages" :key="bind.id">
+		<ChatMessageVue :parity="i % 2 === 0 ? 'even' : 'odd'" :bind="bind" @open-card="onOpenUserCard" />
 	</template>
 
 	<!-- Modify user card -->
@@ -252,7 +252,7 @@ onUnmounted(() => {
 <style lang="scss">
 :root.seventv-alternating-chat-lines {
 	.seventv-chat-observer {
-		> div:nth-child(even) {
+		> div[parity="even"] {
 			background-color: hsla(0deg, 0%, 50%, 6%);
 		}
 	}