From d8c6f4c1cbfa5458e7f1707e1eee71e4cf58ad25 Mon Sep 17 00:00:00 2001
From: Dragos <86549690+dragos-efy@users.noreply.github.com>
Date: Fri, 11 Nov 2022 14:21:47 +0200
Subject: [PATCH] Add efy trans filter support for chapters

---
 src/components/ChaptersBar.vue | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/ChaptersBar.vue b/src/components/ChaptersBar.vue
index 2c0f607f..c64bd101 100644
--- a/src/components/ChaptersBar.vue
+++ b/src/components/ChaptersBar.vue
@@ -1,12 +1,14 @@
 <template>
     <!-- desktop view -->
     <div v-if="!mobileLayout" class="pp-chapters flex-col overflow-y-scroll max-h-75vh min-h-64 lt-lg:hidden">
-        <h6 aria-label="chapters" title="chapters">{{ $t("video.chapters") }} - {{ chapters.length }}</h6>
+        <h6 aria-label="chapters" title="chapters" class="efy_trans_filter">
+            {{ $t("video.chapters") }} - {{ chapters.length }}
+        </h6>
         <div
             :key="chapter.start"
             v-for="(chapter, index) in chapters"
             @click="$emit('seek', chapter.start)"
-            class="chapter efy_anim_pulse"
+            class="chapter efy_anim_pulse efy_trans_filter"
             :class="{ 'pp-chapter-active': isCurrentChapter(index) }"
         >
             <div class="flex">
@@ -24,7 +26,7 @@
             :key="chapter.start"
             v-for="(chapter, index) in chapters"
             @click="$emit('seek', chapter.start)"
-            class="chapter efy_anim_pulse"
+            class="chapter efy_anim_pulse efy_trans_filter"
             :class="{ 'pp-chapter-active': isCurrentChapter(index) }"
         >
             <img :src="chapter.image" :alt="chapter.title" />